-1

他のドロップダウンの値を使用して値が入力されるドロップダウンリストがあります。ここでの問題は、最初の値が変更されたときに2番目の値をバインドする必要があることです。私はjavascriptからそれを行う必要があります。最初のドロップダウンが変更されたら、2番目のドロップダウンの選択オプションを削除して追加するだけです。これどうやってするの？前もって感謝します。

4

5 に答える 5

0

提供されている限られた情報で何が欲しいのか正確にはわかりませんが、ここにあなたが探していると思う解決策があります：

HTML：

<select id="primary">
    <option value="one">One</option>
    <option value="two">Two</option>    
</select>
<select id="secondary"></select>

jQuery：

var opts = {
    'one':['a','b','c'],
    'two':['d','e','f']
};

$('#primary').change(function(){
    var select = [];
    $.each(opts[this.value], function(k, v){
        select.push('<option>'+ v +'</option>');            
    });
    $('#secondary').html(select.join(''));          
});

デモ： http： //jsfiddle.net/28TQZ/

于 2012-08-08T06:38:41.803 に答える
0 
$("#dropdownlist1").change(function () {
    var selected = $("#dropdownlist1 option:selected");
    //clear
    $("#dropdownlist2").html("");
    $("#dropdownlist2").append($("<option/>").text(selected.text()).val(selected.val()));
})
于 2012-08-08T06:40:11.747 に答える
0

これを行う簡単な方法の 1 つは、メインのドロップダウンと、最初から非表示になっている一連のセカンダリ ドロップダウンを用意することです。最初のものから何かを選択すると、関連する2番目のものを再表示します

于 2012-08-08T06:44:29.983 に答える
0
  • 必要なすべてのドロップダウンを作成しますが、オプションは最初のドロップダウンにのみ追加してください。次のものには「デフォルト」値しかありません。
  • 最初のドロップダウンを選択したら、最初のドロップダウンで選択した値に基づいて、jQuery を使用して 2 番目のドロップダウンの値を取得します。 .val(), function(result) { $('div.placedaround2nddropdown').html(result);
    });
  • ファイル ajax/aj_populate2nddropdown.php は、2 番目のドロップダウンの値を収集し、ドロップダウンにオプションとして挿入して返します。
于 2012-08-08T06:42:49.907 に答える
0

クライアント側で試している場合は、これを試してください

コントロールをasp.netサーバーコントロールに置き換えます

于 2012-08-08T07:11:34.167 に答える