javascript - 如何使Java中的此选择框起作用，以便启用另一个选择框？

所以我有一个选择框（company_selection），它是用Javascript生成的，所以我需要它，因此当选择选项'GW'时，它会启用另一个选择框（profile_selection），并且当GW是在另一个复选框中选中，但是它不起作用，我不确定为什么。可能是显而易见的东西:-)

      $(document).ready(function () {
formatAppSelect();

});

这是我编写的尝试获得所有这些工作的方法。可变公司只是我要使其使用的静态选项，它们是选择框中的公司。 If语句应该在其中进行启用，但是在选择框中选择GW时什么也没有发生，我该怎么办？ :)不要以为我需要发布HTML，但是如果被问到c，我会的：

     function formatAppSelect() {

var Companies = [{ Company: "GW" }, { Company: "TP" }];

var companyselectHTML = "<select name='select_company' id='select_company' class='form_drop_down' data-role='none'>" +
                            "<option>None</option>";

var profileselectHTML = "<select name='select_profile' id='select_profile' class='form_drop_down' data-role='none'>" +
                            "<option>None</option>";


for (var p = 0; p < Companies.length; p++) {
    companyselectHTML += "<option value='" + Companies[p].Company + "'>" + Companies[p].Company + "</option>";
}

profileselectHTML += "</select>";
$("#profile_selection").html(profileselectHTML);

profileselectHTML += "</select>";
$("#company_selection").html(companyselectHTML);

if (companyselectHTML == "GW") {

    profileselectHTML += "<option value='ADickinson'>ADickinson </option>";

}


 }

最佳答案

我希望这是您想要实现的目标

JQUERY代码：

$(document).on('change', '#select_company', function () { if ($(this).val() == "GW") $('#select_profile').append('<option value="ADickinson" selected="selected">ADickinson </option>');});

现场演示@ JSFIDDLE：

http://jsfiddle.net/dreamweiver/nZ8ma/6/

由于Drop-down元素是动态添加的，因此需要通过将事件附加到页面上的主根元素document来使用委托事件处理程序。

快乐编码:)