与<select>输入字段</select>相关的问题

Question

我有三个<select>输入字段：<select name=first>，<select name=second>和<select name=three>。 第2和第3个字段被禁用。如果用户更改第一个字段的值，则应启用第二个字段，依此类推。有没有与此任务相关的示例？感谢

Answer 1

这称为级联选择，这里有一些例子

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

Answer 2

以最简单的方式，您可以将事件处理程序绑定到change事件的元素并调整disabled属性：

var form = document.getElementById('formId');

form.first.onchange = function() {
    form.second.disabled = false;
};

form.second.onchange = function() {
    form.three.disabled = false;
};

DEMO

我还建议通过JavaScript禁用这些字段，否则，如果用户禁用了JavaScript，则无法使用该表单。