如何根据首选启用表单选项

时间:2015-06-29 04:24:47

标签: jquery

我有一个Dropdown A的表单,要求提供COUNTRY并包含以下内容(以及其他内容):

<select class="form-control" id="country" name="country" onchange="setCountry();" required="" title="country">
    <option>Select</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Albania">Albania</option>
    <option value="Algeria">Algeria</option>
    <option value="American Samoa">American Samoa</option>
    <option value="Angola">Angola</option>
    <option value="Argentina">Argentina</option>
    <option value="Armenia">Armenia</option>
    <option selected="selected" value="Australia">Australia</option>

然后我有下拉列表B列出了澳大利亚的国家,如果澳大利亚被选入A领域,我只想提供澳大利亚国家

<select class="form-control" id="state" name="state" required="" title="State">
    <option>Select</option>
    <option value="VIC">VIC</option>
    <option value="NSW">NSW</option>
    <option value="ACT">ACT</option>
    <option value="QLD">QLD</option>
    <option value="NT">NT</option>
    <option value="WA">WA</option>
    <option value="SA">SA</option>
    <option value="TAS">TAS</option>
</select>

我该如何设置?当涉及到js功能等时,我有点像菜鸟

非常感谢任何帮助。

干杯......布雷特

1 个答案:

答案 0 :(得分:0)

您可以使用以下代码。 JSFiddle

$("#country").on("change", function() {
    $("#state").prop("disabled", $("#country").val() === "Australia"? false : true);
});