設定値をドロップダウン

Question

私は別のドロップダウンに基づいてドロップダウンをロードするためにjQueryを使用しています。私はこれに次のコードを使用しています。

しかし、ドロップダウンの2つの値は、対応するフォームIDに対して正しく設定されていません。次のコードに問題はありますか？

いくつか解決策をご確認ください。

$(document).ready(function() { 
    dropdown1: $('#dropdown1').val() 
    $('#dropdown1').change(function(e) { 
     $.get("Search.do", { 
      dropdown1: $('#dropdown1').val(), 
       action: 'loaddropdown2'},function(variable){ 
       var wh=variable; 
       alert(wh); 
       $("#dropdown2").val(wh); 
     }); 
    }); 
}); 

Answer 1

コードにはJavaScriptエラーがあります。以下を試してみると、うまくいきます。 #dropdown2を想定し

$(document).ready(function() { 
    var dropdown1 = $('#dropdown1').val() 
    $('#dropdown1').change(function(e) { 
     $.get("Search.do", { 
      dropdown1: dropdown1, 
      action: 'loaddropdown2'},function(variable){ 
      var wh=variable; 
      alert(wh); 
      $("#dropdown2").val(wh); 
     }); 
    }); 
}); 

Answer 2

あなたが.val()を使用してオプションを変更することはできません<select>です。文字通り<option>要素を作成し、<select>に挿入する必要があります。たとえば、次のように。

$("#dropdown2").html('<option value="foo">Bar</option>');