Javascript 选择文本输入框

我有以下选择框：

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

不，我想实现的是，如果选择了第一个选项，即没有名称的选项，则会出现一个文本输入字段，以便有人可以将自己的值写入其中

这是怎么可能的？

使用.change事件和.toggle一起执行操作：

添加一个输入框

<input class="form-input" name="value" type="text" style="display:none">

---

如果使用香草Javascript：

document.getElementById'a-tenantID2'。addEventListener'change'，函数e{ document.getElementByIdthis.id+''u input'.classList[this.value！='none'？'add'：'remove']'hidden'； }; .隐藏{ 显示：无； } 唯一租户 测试1

---

绑定一个更改事件检查值none（如果是），然后显示文本输入。您需要一个javascript函数来检查是否选中了。如果选择了，则函数必须显示一个文本输入，然后以您需要的任何方式处理输入

<input class="form-input" name="value" type="text" style="display:none">

$(document).on("change", ".form-control", function(){
    if ($(this).val()=="none")
        $(".form-input").show();
    else 
        $(".form-input").hide();
});