Jquery 输入字段从选项获取数据列表的自定义属性

如何从选项中获取datalist的属性。我得到了期权价值

$（文档）.ready（函数（）{
变量选项=“”+
''+
''+
''+
''
;
$（“#浏览器”）.html（选项）；
});
$（文档）。在（'单击'，'提交'，函数（）上）{
var inputval=$（“#键”）.val（）；
警报（输入值）
var key=$（'datalist option[value='+inputval+']'）。attr（'key'）；
if（oldval）
警报（键）；
});

提交
坦率地说，您的示例代码有点凌乱。花点时间清理一下。还要注意，示例代码应该是最小的、完整的和可验证的：

阅读API文档中的SelectMenu：

更改：

$('#filter-menu').html(selCntryPrvdrSrch).change();

到

参考：


示例：

以下是selectmenu自定义筛选的工作示例：

这是基于jQuery移动演示页面中的示例代码：




检查这一个：是的，我试过了，但我工作不完美我试过上面的链接结果不完美我添加了屏幕截图请参见感谢Dahl，是的，我更改了它不工作，实际当我点击选择字段时，它显示了第一个屏幕截图（我附加在问题中）如果我试图进入搜索字段并选择它不是选择选项，那么我尝试立即选择，然后显示第二个屏幕截图（我附加了相关内容），然后我可以轻松地搜索和选择选项。我不知道为什么第一次显示列表时，如果没有搜索字段enter，那么我无法选择。在执行
$（“#筛选菜单”）
之后，您是否可以将生成的HTML代码发布到
$（“#筛选菜单”）
中操作？一旦看到这个链接，我需要像在jquery mobile中那样做，HTML5数据列表应该与jquery mobile兼容。更新小提琴：非常感谢达尔。它工作正常，当在文本字段中选择特定选项键所需的选项时，如何获取我正在获取的值，但我没有获取该键。我更新了上面的代码，一旦看到，它将清楚地了解我想要什么
$('#filter-menu').html(selCntryPrvdrSrch).selectmenu( "refresh" );