javascript - 带文本输入的选择框

Question

我有以下选择框:

<select class="form-control" id="a-tenantID2">
    <option value="">Only Tenant</option>
        <optgroup label="editor">
            <option value="none"></option>
            <option value="test1">test1</option>
        </optgroup>
    </option>
</select>

不，我想实现的是，如果选择第一个选项(没有名称的选项)，则会出现一个文本输入字段，因此有人可以在其中写入自己的值。

这怎么可能？

Answer 1

将 .change() 事件与 .toggle() 结合使用:

$('.form-control').change(function(){
    $('#idofInput').toggle(this.value === "none");
}).change();