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

Question

我正在尝试创建一个具有下拉菜单的文本字段，但用户只能从下拉菜单中选择 select 选项。我想禁用用户在文本框中键入内容的能力，同时仍允许他们 select 一个选项，但我不知道该怎么做。我已经尝试了 disable 和 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"

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

Is there a way to disable text for a drop down menu?

html

tags

readonly-attribute

disable