我有一个带有选项和自定义属性的数据列表。
<input list="selectedItems" class="selectedItemsList"></input>
<datalist id="selectedItems">
<option value="test11" oldvalue="f1"></option>
<option value="test12" oldvalue="f2"></option>
</datalist>
它显示在弹出窗口中。当弹出窗口关闭值和自定义属性值时,必须在函数中使用...
我试过:
alert($("#selectedItems option:selected").val());
alert($("#selectedItems option:selected").attr("oldvalue"));
$('.selectedItemsList option').each(function() {
if($(this).is(':selected')){
alert($(this).val());
}
});
for (var i=0; i<document.getElementById('selectedItemsList').options.length; i++)
{
if (document.getElementById('selectedItemsList').options[i].value == document.getElementsByName("selectedItems")[0].value)
{
alert(document.getElementById('selectedItemsList').options[i].value);
break;
}
}
没有任何作用。
我可以使用 on-event 获取值,但这不是我的选择。
$('.selectedItemsList').on('input', function() { ...
alert($(this).val());
最佳答案
$(function(){$("input[name=selectedItems]").on('input', function(){// selects which array raw is edited
for (var i=0; i<dList.length; i++) if(dList[i].ItemName===$(this).val()) { num = i;
$(".selectedItems option[value="+dList[num].ItemName+"]").val($(this).val());
dList[num].ItemName=$(this).val();
});
});
因此,我使用 datalist oninput 事件来获取选定的值。然后,我编辑代表数据列表值的值数组的原始值。
var dList=[];num=0;
dList.push({ItemName: $(this).attr('value'), ViV: vs[0], NU: vs[1], ItemKey: $(this).attr('key')});
关于javascript - 数据列表获取选定值和自定义属性(无事件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28818749/