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

Question

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

提前致谢， 巴拉吉

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

Answer 2

当问题较多（12个问题）并且每个问题都有不同的id时，如何更改myfunction()？