如何使用 jquery 从数据列表中获取自定义值

Question

非常简单明了。当我想要 select 自定义值（数据值）并将其插入 SQLServer 数据库时，我在表单上预先填充了一个 HTML 值的数据列表。这是我的示例代码，它不起作用。请帮忙。 HTML5 数据列表表单创建：
HTML:

 <input id="ocorrenciaSetup" list="ocorrenciasListSetup" name="ocorrenciasListSetup" autocomplete="off">
 <datalist id="ocorrenciasListSetup">
      <option data-value="1.1" data-tipo="1" value="SETUP | [1.1]"></option>
      <option data-value="1.10" data-tipo="1" value="CONSERTO NO CLICHE | [1.10]"></option>
 </datalist>

Jquery:

$('[name=ocorrenciasListSetup]').attr('data-value');

Answer 1

您可以在 onclick 事件中执行类似这样的操作：

var datavalue = $('#ocorrenciasListSetup').find('option[value="' + $('#ocorrenciaSetup').val() + '"]').attr('data-value'));

查看工作 fiddle：https://jsfiddle.net/a1Lpob6q/

如何使用 jquery 从数据列表中获取自定义值

How to get custom value from datalist using jquery

html

javascript

jquery

datalist

custom-attributes