Eingabefeld, das benutzerdefiniertes Attribut des Datengebers von der Option

Question

erhält, wie man das Attribut des Datenzeichners von der Wahl erhält. Ich erhalte die Option Wert

$(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 

Tatsächliches Ergebnis

bei der Auswahl Auswahlfeldliste wird in der nächsten leeren Seite und Auswahlmöglichkeit eröffnen sich auch nicht richtig funktioniert

enter image description here

Erwartetes Ergebnis

Es ist Probe statische Option verloren es gut funktioniert wollen wir so

enter image description here

Answer 1

ehrlich zu sein, ist Ihr Beispielcode ein bisschen chaotisch . Nehmen Sie sich etwas Zeit, um es zu reinigen. Beachten Sie auch, dass Beispielcode sollte Minimal, vollständig und nachprüfbar sein: http://api.jquerymobile.com/selectmenu/

ändern:

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

zu

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

in der API-Dokumentation https://stackoverflow.com/help/mcve

Lesen Sie mehr über selectmenus

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

---

Beispiel:

Ein Arbeitsbeispiel auf selectmenu benutzerdefinierten Filterung finden Sie hier: https://www.elitesystemer.no/demo/test/36549140/

Dies basiert auf dem Beispielcode in den jQuery Mobile Demo-Seiten:

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/