如何禁用自由格式用户输入仅允许下拉菜单

Question

我有一个输入可以选择时间。 但是我希望用户只能从下拉菜单中更改输入值，而不能自由输入

<div>
  <input id="Time"/>
</div>

Answer 1

使用select标签代替input标签

这是一个演示

这是使用KendoDateTime Picker的小提琴

<input id="Time" readonly/>

我使用readonly选项作为输入来禁用输入

Answer 2

这将起作用：

$("#Time").kendoDatePicker();

$('#Time').attr('disabled','disabled');

在HTML本身中执行此操作的其他方法是：

<input id="Time" onkeydown="return false;" />

Answer 3

这就是你要找的

Answer 4

禁止用户自由输入文本框。

<input id="Time" disabled/>

要求类似这个演示的东西