Question

如何从选项中获取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);

});

  <input list="browsers" id="key">
  <datalist id="browsers">
    
  </datalist>
  
  <button id="submit">submit
  </button>

 Screen Shots

实际结果

选择选择字段列表时，在下一个空白页面中打开，选择选项也无法正常工作

enter image description here

预期结果

它是样本静态选项丢失它正常工作我们想这样

enter image description here

Answer 1

坦率地说，你的示例代码有点乱。花一些时间来清理它。另请注意，示例代码应为Minimal，Complete和Verifiable：https://stackoverflow.com/help/mcve

阅读API文档中的selectmenus： 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 Mobile演示页面中的示例代码：

http://demos.jquerymobile.com/1.4.2/selectmenu-custom-filter/

http://demos.jquerymobile.com/1.4.4/selectmenu-custom-filter/

http://demos.jquerymobile.com/1.4.5/selectmenu-custom-filter/

输入字段从选项获取datalist的自定义属性

1 个答案: