0

プログラムに 3 つのコンボ ボックスがあります...

このように見える -->

ボックス1

number
letter

ボックス2

1 -
2 -
3 -
4 -
5 -

ボックス3

1 -
2 -
3 -
4 -
5 -

このソリューションでどのように機能させることができますか?

次のように... box1で選択された「数値」、次にbox2とbox3で同じ値をロードしますが、選択されたときにbox2にロードします

'1' ..... それから box3 を開いています。box2 で選択した '1' は表示されません。

それを行うための解決策がありますか？

4

1 に答える 1

0

jQuery を使えば簡単にできます。次のコードは、ユーザーが「ドライバー」<select>でオプションを選択し、他の 2 つ<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>
于 2012-10-11T20:11:23.717 に答える