jquery显示基于选择下拉列表的输入

如果某个选择字段处于“选定”状态，则希望显示输入字段。它在初始时间起作用。但是，如果在“选择输入”周围单击，则下次将不起作用

JQuery

.hide（）

的对应项是

.show（）

---

请参阅：

因为您删除了一个名为

隐藏的属性-请调用
.show（）

使用
.show（）
，而不是
.removeAttr（“隐藏”）

hide（）
使用
display
属性，而不是
hidden
属性。
这里的问题是，当您使用
.removeAttr（“hidden”）
时，您正在从html元素中删除attribue
hidden
，但如果它不匹配，则调用
.hide（）
将样式属性
display:none
添加到html元素中

相反，您需要使用
.show（）
和
.hide（）

css:

#individual-user{
    display:none;
}

<input type="text" id="individual-user" name="individual-user" class="form-control" value="User ID"/>

$('#select-users').on('change', function() {
    if (this.value == "individual-user") {
        $("#individual-user").show();
    } else {
        $("#individual-user").hide();
    }
});

html:

#individual-user{
    display:none;
}

<input type="text" id="individual-user" name="individual-user" class="form-control" value="User ID"/>

$('#select-users').on('change', function() {
    if (this.value == "individual-user") {
        $("#individual-user").show();
    } else {
        $("#individual-user").hide();
    }
});