有没有一种方法可以禁用下拉菜单的文本？

Question

我正在尝试创建一个具有下拉菜单的文本字段，但是用户只能从下拉菜单中选择选项。我想禁用用户在文本框中键入的功能，同时仍然允许他们选择一个选项，但是我不知道该怎么做。我已经尝试过disable和readonly，但是都无法满足我的要求，尽管我可能错误地使用了这些属性。

修改 我在最初的问题中意识到了两个错误。我的意思是disabled而不是disable，我的意思是输入文本而不是输入文本字段。

Answer 1

为什么要有一个文本字段，只需使用选择标记即可

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

或者您可以使用输入类型=“ radio”