强制用户从数据列表中选择一个选项

时间:2018-01-08 21:35:22

标签: jquery html jscript html-input html-datalist

我有一个数据列表输入,有几个选项,我想强制用户从列表中选择选项。 我怎样才能做到这一点?这里有一个例子,但是这样我可以在输入中写任何东西。

HMTL

<label>Choose a browser from this list:
<input list="browsers" name="myBrowser" id="myBrowser" /></label>
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

<button>get value</button>

的Jscript

$('button').on('click', function() {
    console.log($('#myBrowser').val());
});

抱歉我的英语不好。

https://jsfiddle.net/pewfp0wf/

0 个答案:

没有答案
相关问题