html - 有没有办法禁用下拉菜单的文本？

Question

我正在尝试创建一个具有下拉菜单的文本字段，但用户只能从下拉菜单中选择选项。我想禁用用户在文本框中输入的能力，同时仍然允许他们选择一个选项，但我不知道该怎么做。我试过disableand readonly，但都没有做我想做的事，尽管我可能错误地使用了这些属性。

编辑 我在原来的问题中意识到了两个错误。我的意思是disabled代替disable，我还指的是文本输入而不是文本字段。

Answer 1

为什么你想要一个文本字段，你可以简单地使用 select 标签

<label for="cars">Choose a car:</label>

<select name="cars" id="cars" oninput="myFunc(this)">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

这将创建一个下拉列表。您可以将值附加到 div 以显示它

function myFunc(selected){       
    //you can replace the divId below by your div's id
    document.getElementById("divId").innerHTML=selected.value;
}

或者你可以使用 input type="radio"