为什么数据列表选项的id返回空值

Why does the id of the datalist option return empty value?

本文关键字：id 返回 空值 选项 数据 列表 为什么      更新时间：2023-09-26

我已经在这个数据列表上呆了几个小时了，不明白为什么在提醒所选对象时它会返回空的（例如，老挝的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/

谢谢大家！

您需要找到使用输入元素的值选择的选项

$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

相关文章：