Jquery 根据选择框选项禁用输入字段

我想隐藏输入元素，直到选择了“选择框”值，或者禁用输入字段，除非选择了“选择框”值。如果这有道理的话

下面是一些代码，我们希望将其应用于

<div class="s_row_2 clearfix">
            <label><strong>Country</strong></label>
              <select id="country" name="country" style="width: 212px;">
                <option value="null" selected="selected" >--- Please Select---</option>

                <option value="nol">--- Not on this list ---</option>
                <option value="New Zealand">New Zealand</option>
                <option value="United Kingdom">United Kingdom</option> 
                <option value="United States">United States</option> 
                <option value="France">France</option> 
                <option value="Germany">Germany</option> 
                <option value="Spain">Spain</option> 
                <option value="Italy">Italy</option> 
                <option value="Canada">Canada</option>

              </select>

            <label class="required rightish"><strong>Other Country</strong></label><input type="text" name="othercountry" id="othercountry" size="30" />
        </div>

国家
---请选择---
---不在这个名单上---
新西兰
大不列颠联合王国
美国
法国
德国
西班牙
意大利
加拿大
其他国家

如果用户在选择元素中选择（nol-不在列表中）“不在此列表中”选项

---

然后，我们可以制作另一个国家的输入框，必填字段。或者最好隐藏此输入字段，并仅在选择“nol”值时显示。

您可以将事件侦听器绑定到事件，并检查

选择的
值：

$("#country").change(function() {
    if(this.value === "nol") {
        $("#othercountry").show();
    }
});

显然，如果选择了另一个值，您可能希望扩展该值以再次隐藏输入，并且可能还需要显示/隐藏
标签
元素