php - 一致性组合框

Question

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

看起来像这样 -->

盒子1

number
letter

盒子2

1 -
2 -
3 -
4 -
5 -

盒子3

1 -
2 -
3 -
4 -
5 -

我怎样才能在这个解决方案中工作？

例如...在box1中我选择了“数字”然后在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>