不包括在上一个下拉列表中选择的值的下拉列表:PHP

不包括在上一个下拉列表中选择的值的下拉列表: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完成,使

我是新的网页开发,需要帮助与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您可以阅读函数的文档,对于带有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);

});