Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery获取数据列表中的选定属性值_Javascript_Jquery_Html_Datalist - Fatal编程技术网

Javascript 如何使用jQuery获取数据列表中的选定属性值

Javascript 如何使用jQuery获取数据列表中的选定属性值,javascript,jquery,html,datalist,Javascript,Jquery,Html,Datalist,$(“输入[name=TypeList]”)。focusout(函数(){ 警报($(this.attr('data-value')); }); 互联网探索1 互联网探索4 互联网探索3 互联网探索2 $(this.val()应该为您完成这项工作:) $(“输入[name=TypeList]”)。focusout(函数(){ 警报($(this.val()); }); 互联网探索1 互联网探索4 互联网探索3 互联网探索2 您可以使用它根据内容进行选择 $(“输入[name=TypeLi

$(“输入[name=TypeList]”)。focusout(函数(){
警报($(this.attr('data-value'));
});

互联网探索1
互联网探索4
互联网探索3
互联网探索2
$(this.val()
应该为您完成这项工作:)

$(“输入[name=TypeList]”)。focusout(函数(){
警报($(this.val());
});

互联网探索1
互联网探索4
互联网探索3
互联网探索2
您可以使用它根据内容进行选择

$(“输入[name=TypeList]”)。focusout(函数(){
警报($(`TypeList选项:包含('${this.value}')`);
});

互联网探索1
互联网探索4
互联网探索3
互联网探索2

另一种方法是对输入值的更改事件作出反应:

$(function(){
    $('#s').change(function(){
        console.log($("#TypeList option[value='" + $('#s').val() + "']").attr('id'));
    });
});

不确定是否有比这更简单的解决方案。试试下面

$(“输入[name=TypeList]”)。focusout(函数(){
console.log($([].slice.call($(this)[0].list.children).filter((e)=>{
返回e.value==$(this.val();
})).attr(“数据值”);
});

互联网探索1
互联网探索4
互联网探索3
互联网探索2