相关疑难解决方法(0)

显示datalist标签,但提交实际值

目前<datalist>大多数主流浏览器(Safari除外)都支持HTML5 元素,这似乎是一种向输入添加建议的有趣方式.

但是,value属性的实现与内部文本之间似乎存在一些差异<option>.例如:

<input list="answers" name="answer">
<datalist id="answers">
  <option value="42">The answer</option>
</datalist>
Run Code Online (Sandbox Code Playgroud)

不同浏览器的处理方式不同:

Chrome和Opera:
Chrome/Opera中的Datalist

FireFox和IE 11:
FireFox中的Datalist

选择一个后,输入将填充值而不是内部文本.我只希望用户在下拉列表和输入中看到文本("答案"),但是将值传递给42提交,就像一个select遗嘱.

如何让所有浏览器都有下拉列表显示<option>s 的标签(内部文本),但在value提交表单时发送属性?

html javascript html5 cross-browser html-datalist

73
推荐指数
3
解决办法
7万
查看次数

标签 统计

cross-browser ×1

html ×1

html-datalist ×1

html5 ×1

javascript ×1