根据另一个选择以及db数据禁用选择选项

时间:2017-03-17 06:53:27

标签: jquery forms select options

我有一个会议注册,用户可以选择在2天内注册参加研讨会。他们不能在第二天选择同一个车间。但是,每个研讨会都有40个参与者的软限制,因此当注册加载时,会有一个查询,以确定哪些研讨会有座位。

以下代码:

<select name="workshop1" required="required" id="workshop1">
    <option disabled selected value=""> -- select an option -- </option>
    <option value=”wkshp1”>Workshop name</option>
    <option value=”wkshp2”>Workshop name</option>
    <option value=”wkshp3”>Workshop name</option>
    <option value=”wkshp4”>Workshop name</option>
    <option value=”wkshp5”>Workshop name</option>
    <option value=”wkshp6”>Workshop name</option>
</select>
<select name="workshop1" required="required" id="workshop2">
    <option disabled selected value=""> -- select an option -- </option>
    <option value=”wkshp1”>Workshop name</option>
    <option value=”wkshp2”>Workshop name</option>
    <option value=”wkshp3”>Workshop name</option>
    <option value=”wkshp4”>Workshop name</option>
    <option value=”wkshp5”>Workshop name</option>
    <option value=”wkshp6”>Workshop name</option>
</select>

我正在使用Stack-overflow中的这段代码完美无缺。

$(document).ready(function() {
    $("#workshop1").change(function() {
        $("select[name=workshop2] option").removeAttr("disabled");
        var workshopName = $("select[name=workshop1]").val();
        $("select[name=workshop2] option[value=" + workshopName + "]").attr("disabled", "disabled");
    });
});

但是,虽然我可以在已满的页面加载研讨会上禁用,但上面的jquery代码将在workshop2中重新启用我的禁用选项(研讨会已满)。如何遍历所有选项并排除那些已完全启用的选项。研讨会在第1天和第1天完全相同。第2天。

1 个答案:

答案 0 :(得分:0)

确定通过执行以下操作来解决此问题。 因为完整的研讨会输出了空白值,即。 ,脚本可以检查这个。如果用户在第1天选择了workshop1,那么我为第2研讨会添加了一个检查,然后第2天的第2研究组可以将第1天更改为第1研讨会。

pip install mysqlclient