Question

我的程序中有三个组合框......

看起来像这样 - ＆gt;

BOX1

number
letter

BOX2

1 -
2 -
3 -
4 -
5 -

BOX3

1 -
2 -
3 -
4 -
5 -

我如何在这个解决方案中工作？

例如...在box1中我选择了'number'然后在box2和box3加载这个相同的值但是在box2中我被选中

'1'.....然后我打开box3我不会在box2上选择'1'。

有解决方案可以吗？

Answer 1

你可以使用jQuery轻松完成。当用户在“驱动程序”<select>中选择一个选项并将其他两个<select>设置为具有相同值的选项时，以下代码将进行侦听。

<select name="driver">
    <option value="opt1"></option>
    <option value="opt2"></option>
</select>

<select name="slave1">
    <option value="opt1"></option>
    <option value="opt2"></option>
    <option value="opt3"></option>
    <option value="opt4"></option>
</select>

<select name="slave2">
    <option value="opt1"></option>
    <option value="opt2"></option>
    <option value="opt3"></option>
    <option value="opt4"></option>
</select>

<script>
$(function() {
    $('select[name="driver"]').on('change', function(e) {
        var value = $(e.target).val();

        $('select[name="slave1"], select[name="slave2"]').val(value);
    });
});
</script>

一致性组合框

1 个答案: