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

时间:2011-10-27 19:25:03

标签: javascript html select button input

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

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

我如何在javascript中实现它? 请帮忙 感谢

1 个答案:

答案 0 :(得分: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");

希望有所帮助