Question

在我开始编码之前，这几乎是一个假设，但有任何人对以下要求有任何经验......

基本上，在我的网站上我会有2个下拉菜单。

下拉列表1 - 选项为A，B和C.

下拉列表2 - 选项分别为1,2,3和4.

所以，如果我在下拉列表1中选择选项A，我想要做的是，我将能够在下拉列表2中选择1,2,3和4。

但是，如果我选择选项B，我只能选择1和2。如果有意义，选项C只能选择4等。

之前我已经完成了相关数据的不同下拉菜单并显示/隐藏它们取决于在下拉列表1中选择的内容，但我想知道我是否正在为自己的后背制作一根杆方法

任何建议都将受到赞赏。

此致

马修

Answer 1

您的方法对我来说听起来不错，只要它不会混淆您想要使用的某些表单提交（等）。但是如果你想把东西保存在同一个下拉列表中，一个选项可能是以某种方式标记你的选项然后使用jquery修改它们：

<option value="1">1</option>
<option value="2">2</option>
<option value="3" class="noB">3</option>
<option value="4" class="noB">4</option>

然后将更改事件附加到您的第一个下拉列表中：

$('#dropdown1').on('change', function(event) {
    if ($('#dropdown1').val() === 'B') {
        $('option.noB').removeAttr('selected').attr('disabled', true).css('display', 'none');
    } else {
        $('option.noB').removeAttr('disabled').css('display', 'block');
    }
});

使用下拉列表和jQuery的关系数据

1 个答案: