带有其他选项的下拉列表，允许我们手动添加值

【问题标题】：Dropdown list with others option which allows us to add value manually带有其他选项的下拉列表，允许我们手动添加值
【发布时间】：2021-08-30 06:54:16
【问题描述】：

我需要一个带有其他选项的下拉列表，如果用户的字段不在下拉列表中，我们可以手动添加值。有可能吗？

提前致谢，巴拉吉

【问题讨论】：

如果我选择其他选项，会出现输入框之类的东西吗？这就是你要找的东西。 ?
完全是@AbinThaha
stackoverflow.com/questions/18309059/… stackoverflow.com/questions/15992085/… stackoverflow.com/questions/5650457/… 重复 IMO。
但是我们可以输入其他选项吗

标签： html css dom

【解决方案1】：

尽管这是一个重复的问题，让我给你一个使用纯 JavaScript 和 HTML 的直接方法。检查并告诉我

function myFunction() {
      var x = document.getElementById("mySelect").value;
      var input = document.getElementById("others-text");
      if (x === "others") {
        input.style.display = "block";
      } else {
        input.style.display = "none";
      }
    }

<div>
      <select name="select" id="mySelect" onchange="myFunction()">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="others">Others</option>
      </select>
      <input
        style="display: none"
        type="text"
        name=""
        id="others-text"
        placeholder="User Input"
      />
    </div>

【讨论】：