为什么datalist选项的id返回空值?

时间:2015-03-21 02:07:55

标签: javascript jquery html html5

我已经被困在这个数据主义者身上几个小时了,并且无法弄清楚为什么它在警告所选对象时返回空(例如4000群岛,老挝)。 基本上我想返回列表中所选选项的'id'属性。

jQuery:

$K2 = jQuery.noConflict();
$K2('#submit').on('click',function(){
var g=$K2('#to-selected').val();  
var id = $K2('#to').find('option').attr('id');
alert(id);
return false;
});

HTML:

<td> 
 <input autofocus="" type="text" list="to" id="to-selected" style="width: 145px;"> 
 <datalist id="to"> 
<option id="" value="All"></option>
<option value="4000 Islands, Laos" id="4483"></option>
</datalist> 
</td>
<button id="submit">Test</button>

我觉得它与“全部”选项有关,因为删除后它可以正常工作。 任何帮助将不胜感激!我的JSFiddle可以在这里找到。 http://jsfiddle.net/x7oa7wk4/1/

谢谢你们!

1 个答案:

答案 0 :(得分:1)

您需要找到使用input元素的值

选择的选项
$K2 = jQuery.noConflict();
$K2('#submit').on('click', function () {
    var g = $K2('#to-selected').val();
    var id = $K2('#to').find('option[value="' + g + '"]').attr('id');
    alert(id);
    return false;
});

演示:Fiddle