Question

我试图根据另一个下拉列表设置下拉列表的值：

<select id="workField :">
    <option value="HI-TEC">HI-TEC</option>
    <option value="Food Industry">Food Industry</option>
    <option value="Marketing">Marketing</option>
    <option value="Resturents">Resturents</option>
    <option value="Financial">Financial</option>        
</select>
<select id="occupetion">
    <option value="QA">QA</option>
    <option value="Food Industry">Food inspectur</option>
    <option value="Marketing">Selles man</option>
    <option value="Resturents">Bartender</option>
    <option value="Financial">Broker</option>
</select>

我的选择是什么？我试过这个： http://jsfiddle.net/mplungjan/VSuBD/ 仍然无法工作。

Answer 1

使用类似的东西：

$( "#workField" ).change(function() {
    if ($(this).val() == "HI-TEC"){
        $("#occupetion").val("QA");
    }
    if ($(this).val() == "Food Industry"){
        $("#occupetion").val("Food Industry");
    }
    if ($(this).val() == "Marketing"){
        $("#occupetion").val("Marketing");
    }
});

的 Check JSFiddle Demo

的更新
根据你的评论，似乎你有一些问题，如何使用这个代码，所以我包括一个完整的HTML页面代码希望是有帮助的。

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <title></title> </head> <body> <form id="form1"> <div> <select id="workField"> <option value="HI-TEC">HI-TEC</option> <option value="Food Industry">Food Industry</option> <option value="Marketing">Marketing</option> </select> <select id="occupetion"> <option value="QA">QA</option> <option value="Food Industry">Food inspectur</option> <option value="Marketing">Selles man</option> </select> </div> <script> $("#workField").change(function () { if ($(this).val() == "HI-TEC") { $("#occupetion").val("QA"); } if ($(this).val() == "Food Industry") { $("#occupetion").val("Food Industry"); } if ($(this).val() == "Marketing") { $("#occupetion").val("Marketing"); } }); </script> </form> </body> </html>

一个DropDownList的更改值取决于另一个

1 个答案: