与“选择”有关的问题输入字段
Question related to <select> input field
我有三个<select>
输入字段:<select name=first>
, <select name=second>
和<select name=three>
。第二个和第三个字段被禁用。如果用户更改了第一个字段的值,则应该启用第二个字段,依此类推。有一个与这个任务相关的例子吗?由于
这叫做级联选择,下面是一些例子
http://forums.digitalpoint.com/showthread.php?t=703846 http://www.everyweb.ru/wmaster/javas/menu/demo/dynasele.html http://www.inside-oracle-apex.com/generic-solution-for-cascading-select-listslovs/http://webdeveloper.earthweb.com/webjs/jsnavigation/item.php/91311最简单的方法是,您可以将事件处理程序绑定到change
事件的元素并调整disabled
属性:
var form = document.getElementById('formId');
form.first.onchange = function() {
form.second.disabled = false;
};
form.second.onchange = function() {
form.three.disabled = false;
};
我还建议通过JavaScript禁用字段,否则,如果用户禁用JavaScript,他们将无法使用表单。
相关文章:
- Javascript,文件输入和FormData问题
- 将输入值设置为ng模型属性[Angular]时出现问题
- ReactJS中动态生成的输入文本字段值设置问题
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- 将“提示”对话框中的输入替换为星号时出现问题
- 扫描仪设备或手动输入的识别输入问题
- Safari手机文本输入问题
- 有关 Javascript IndexedDB 输入信息的问题
- 我在添加更多输入字段时遇到问题,文本字段中的值不会保留
- Magento自定义选项-清除输入字段问题
- mongodb用户配置文件添加输入时出现问题
- Safari存在文本输入问题,用户输入时会选择文本,导致文本丢失
- 单击输入区域时出现问题
- 文本框聚焦事件并在IE9中输入问题
- 使用最接近查找文本输入的JQuery问题
- 鼠标输入事件上的jQuery延迟出现问题
- 如何解决区分大小写搜索的搜索输入问题
- 搜索输入问题显示滚动
- 在动态更改的文本区域中输入文本时出现问题
- 与“选择”有关的问题输入字段