1

MVC フォームを作成しています。複数のチェックボックスと 2 つのドロップダウン リストがあります。どのボックスがチェックされているかに基づいて、最初の DDL を設定する方法を見つけました (つまり、最初は空で、チェックボックスが項目を埋めます)。ただし、同じアイテムを持ち、同じ方法で入力する別の DDL を追加したいと考えています。私のコードは次のようになります。

<script type="text/javascript">
    function checkedToggle(value, checked) {
        x = document.getElementById("filter1");
        y = document.getElementById("filter2");
        if (checked == true) {
            var option = document.createElement("option");
            option.text = value;
            x.add(option, null);
            y.add(option, null);
        }
        else {
            for (i = 0; i < x.length; i++) {
                if (x.options[i].value == value) {
                    x.remove(i);
                    y.remove(i);
                }
            }
        }
    }
</script>

ボックスのチェックを外すと、else ステートメントは明らかにリストからアイテムを削除します。

チェックボックスをクリックすると、アイテムが両方のリストに追加されるのではなく、2 番目のリストにのみ追加されますが、その理由は正確にはわかりません。何かアドバイス？

4

1 に答える 1

0

コードでは最初の DOM 要素を 2 番目の select に移動するだけなので、2 つの要素を作成する必要があります。

var option = document.createElement("option");
var option2 = document.createElement("option");

option.text = value;
option2.text = value;

x.add(option, null);
y.add(option2, null);
于 2012-10-15T20:27:48.423 に答える