将值设置为下拉菜单

Question

我使用jQuery根据另一个下拉菜单加载下拉菜单。我为此使用了以下代码。

但是下拉的两个值没有正确设置为相应的窗体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错误。尝试以下方法，它会起作用。

$(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

假设#dropdown2是<select>你不能改变使用.val()的选项。您必须从字面上创建<option>元素并将它们插入<select>。例如：

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