7

2つの選択オプションがあります。最初の選択オプションで選択したものに基づいて、2番目の選択オプションのドロップダウンオプションを変更したいと思います。jqueryでそれを行うにはどうすればよいですか？

<select id="Manage">
   <option value="a">A</option>
   <option value="b">B</option>
   <option value="c">C</option>
<select>

最初の選択オプションからAが選択されている場合は、2番目の選択オプション

<select id='selectA'>
   <option value="1">1</option>
   <option value="2">2</option>
</select>

ここで、最初の選択オプションからBが選択された場合

<select id='selectA'>
   <option value="3">3</option>
   <option value="4">4</option> 
</select>
4

2 に答える 2

9

何かのようなもの：

$('#Manage').change(function() {
    var options = '';
    if($(this).val() == 'a') {
        options = '<option value="1">1</option><option value="2">2</option>';
    }
    else if ($(this).val() == 'b'){
        options = '<option value="3">3</option><option value="4">4</option>';
    }

    $('#selectA').html(options);
});

もちろん、オプションを配列に格納したり、その場で組み合わせたりすることもできます。それはあなた次第です。

参考：.change()、.val()

于 2010-06-08T16:20:51.233 に答える
3

3つの異なるテクニックでそれを行うことができます:

  1. 最初の選択が選択されるとすぐに、AJAX を使用して 2 番目の選択のオプションをロードします。
  2. 2 番目の選択のすべてのオプションを JSON オブジェクトに保存し、最初のオプションが選択された後にそれを含めます。
  3. すべての選択と表示/非表示を事前に定義し、他の選択を無効/有効にします

ユーザーの最初の選択に応じてデータベースから値を取得でき、ホール選択サーバー側を構築できるため、最初の方法がおそらく最適です。

于 2010-06-08T16:22:52.610 に答える