将值设置为下拉列表

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>');