带有更改事件的选择框的javascript答案

【问题标题】：javascript with select box that changes event带有更改事件的选择框的javascript
【发布时间】：2011-12-16 19:11:00
【问题描述】：

我有一个 javascript 表格（你可以在这里找到代码：http://jsfiddle.net/webYa73/xuw23/）

如果我在选择框中选择“case6”，输入字段（3cols）附近会出现一个按钮，编辑按钮应该会改变，我们应该看到一个保存按钮和一个取消按钮

如何在 javascript 中实现它？请帮忙谢谢

【问题讨论】：

我是 Javascript 的新手，我不知道该怎么做
请停止转发同样的问题

标签： javascript html select button input

【解决方案1】：

需要给选择框绑定一个onChange事件，当框发生变化时触发调用函数 http://www.w3schools.com/jsref/event_onchange.asp

在文档中包含 save 和 cancel 元素，但将它们标记为隐藏 http://www.w3schools.com/cssref/pr_class_visibility.asp

当 onchange 事件触发时，从保存和取消中删除隐藏属性，并将隐藏属性添加到编辑按钮。

如果您使用 JQuery 库，您可能会发现这更容易 http://jquery.com/

另外，通过查看您的代码，您可能想了解迭代并使用 for 循环而不是编写来创建选项框：

    var opt1 = document.createElement("option");
    var opt2 = document.createElement("option");
    var opt3 = document.createElement("option");
    var opt4 = document.createElement("option");
    var opt5 = document.createElement("option");
    var opt6 = document.createElement("option");
    var opt7 = document.createElement("option");

希望有帮助

【讨论】：