Javascript带有改变事件的选择框
javascript with select box that changes event
我有一个javascript表(你可以在这里找到代码:http://jsfiddle.net/webYa73/xuw23/)
如果我在选择框中选择"case6",一个按钮出现在输入框附近(3cols),编辑按钮应该改变,而不是我们应该看到一个保存按钮和一个取消按钮
如何在javascript中实现?请帮助由于
您需要将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");
希望有帮助
相关文章:
- 取消拖动&选择事件
- 选择同一文件时未触发HTML输入文件选择事件
- jQuery UI 选项卡取消选择事件或在选择时保存上一个选项卡
- 收听单选按钮取消选择事件而不知道按钮's上下文(骨干视图)
- 如何使用show hint插件在CodeMirror中订阅选择事件
- 为什么jQuery选择事件监听器会多次触发
- typeahead选择事件(jQuery)的动态绑定
- 在选择事件上引导日期时间选取器
- 从嵌套函数中选择事件目标
- 如何在 LI 上触发“选择”事件,由其 ID 标识
- 在动态创建的 DHTMLX 网格上附加行选择事件
- 如何在jquery中传递文件选择事件
- 如何检测单选按钮取消选择事件
- 从下拉菜单中选择事件 - 仅限 Javascript
- 无法检测加载时的选择/下拉列表选择事件
- 从下拉菜单中选择事件后的选项
- jQuery 选项取消选择事件
- 选择事件并将其应用于动态元素
- HTML 文件输入框不会触发文件选择事件并在更改事件 - angularJS 中警告
- jQuery - jquery 自动完成选择事件后的文本字段值更改