Question

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

以下是一些代码，我们希望将其应用到。

<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>

如果用户在select元素中选择（nol - not on list）“Not on this List”选项。

然后我们可以创建其他国家/地区输入框，必填字段。或者可能更好地隐藏此输入字段，并仅在选择“nol”值时显示。

Answer 1

您可以将事件监听器绑定到change事件，并检查value的{{1}}：

select

显然，如果选择了另一个值，您可能希望扩展它以再次隐藏输入，也可能显示/隐藏$("#country").change(function() { if(this.value === "nol") { $("#othercountry").show(); } });元素。

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

1 个答案: