javascript - Datalist中的jquery更改事件[html5]

Question

这是我的代码:

<input name="cmbname" type="text" id="cmbname" list="listcmbname" autocomplete="off" runat="server">
<datalist id="listcmbname">
         <option data-id="1" value="a"></option>
         <option data-id="8" value="aa"></option>
         <option data-id="10" value="aaa"></option>
         <option data-id="11" value="b"></option>
         <option data-id="15" value="bb"></option>
         <option data-id="18" value="bbb"></option>
</datalist>

我在后面的代码中使用了 cmbname.value 来获取输入值。
但我还需要数据 ID。我使用了 cmbname.Attributes["data-id"] 但它没有用。
我认为它将通过 jquery 更改事件修复。

请帮忙

Answer 1

看这个:http://jsfiddle.net/xttwt/48/ ,

你可以像这样找到当前选择的选项的data-id:

var val=$('#cmbname').val();
var data_id= $('#listcmbProcess').find('option[value="'+val+'"]').data('id');