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

xn1cxnb4  于 2023-11-17  发布在  jQuery
关注(0)|答案(1)|浏览(109)

如何从选项中获取datalist的属性。我正在获取选项值

$( document ).ready(function() {
  var options = '<option value="Internet Explorer" key="18"></option>'+
      '<option value="Firefox" key="12"></option>'+
      '<option value="Chrome" key="123"></option>'+
      '<option value="Opera" key="14"></option>'+
      '<option value="Safari" key="15"></option>'
  ;
  
  $("#browsers").html(options);
  
});

$(document).on('click', '#submit', function() {
  var inputval= $("#key").val();
  alert(inputval)
  var key= $('datalist option[value='+inputval+']').attr('key');
  if (oldval)
  alert(key);

});

个字符

Screen Shots


实际结果
选择时,选择字段列表在下一个空白页中打开,选择选项也无法正常工作
enter image description here
预期结果
这是样本静态选项丢失它是工作正常我们想要这样
enter image description here

hk8txs48

hk8txs481#

阅读API文档中的选择菜单:http://api.jquerymobile.com/selectmenu/
变更:

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

字符串

$('#filter-menu').html(selCntryPrvdrSrch).selectmenu( "refresh" );


参考:http://api.jquerymobile.com/selectmenu/#method-refresh

示例:

selectmenu自定义过滤的工作示例可以在这里找到:https://www.elitesystemer.no/demo/test/36549140/
这是基于jQuery移动的演示页面中的示例代码:

  1. http://demos.jquerymobile.com/1.4.2/selectmenu-custom-filter/
  2. http://demos.jquerymobile.com/1.4.4/selectmenu-custom-filter/
  3. http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/

相关问题