不包括在上一个下拉列表中选择的值的下拉列表:PHP
我是新的网页开发,需要帮助与PHP编码的形式 需要创建一个包含5个下拉列表的表单。第一个下拉列表中的值为“A、B、C、D、E、F、G”。如果假设在第一个下拉列表中选择了“C”,则第二个下拉列表将包含除“C”之外的所有值,即:;“A、B、D、E、F、G”。如果我们在第二个下拉列表中选择“A”,则第三个下拉列表中显示的值将是除下拉列表1和2中选择的值之外的所有值。所以下拉列表3中的值应该是“B,D,E,F,G不包括在上一个下拉列表中选择的值的下拉列表:PHP,php,jquery,drop-down-menu,Php,Jquery,Drop Down Menu,我是新的网页开发,需要帮助与PHP编码的形式 需要创建一个包含5个下拉列表的表单。第一个下拉列表中的值为“A、B、C、D、E、F、G”。如果假设在第一个下拉列表中选择了“C”,则第二个下拉列表将包含除“C”之外的所有值,即:;“A、B、D、E、F、G”。如果我们在第二个下拉列表中选择“A”,则第三个下拉列表中显示的值将是除下拉列表1和2中选择的值之外的所有值。所以下拉列表3中的值应该是“B,D,E,F,G 类似地,其他两个下拉框也会出现这种情况。这将通过jquery甚至Javasript完成,使
类似地,其他两个下拉框也会出现这种情况。这将通过jquery甚至Javasript完成,使用jquery您可以阅读函数的文档,对于带有onchange属性的Javascript,尝试阅读这个问题,它将对您有所帮助:您可以尝试的一种方法是跟踪所需的选项要在数组中删除。然后可以定义哪些选择控件,哪些选择控件。例如: 鉴于此html
<select id="a" var="b">
<option>-- SELECT --</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
<option value="e">e</option>
</select>
<select id="b" var="c" disabled>
<option>-- SELECT --</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
<option value="e">e</option>
</select>
<select id="c" disabled>
<option>-- SELECT --</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
<option value="e">e</option>
</select>
doNotShow.push($(this.val());
跟踪所有以前选择的值,然后$。每个从下一行select
中删除(或在本例中禁用)不需要的选项,该选项存储在select
的var
属性中
期待着看到结果如何!:)
var doNotShow = [];
$('select').change( function() {
var nextSelect = $(this).attr("var");
doNotShow.push($(this).val());
$.each(doNotShow, function( index, value ) {
$("#" + nextSelect + " option[value='" + value + "']").prop('disabled', true);
});
$("#" + nextSelect).prop('disabled', false);
$(this).prop('disabled', true);
});