從選定的數據選項選項Id找到

給我這裏的解決方案，我也不能得到選項標記的ID。我做了很多代碼，只能從該datalist找到身份證，請幫助我。從選定的數據選項選項Id找到

<script> 
 
function myFunction() { 
 
    var x = document.getElementById("browsers").options.id; 
 
    alert(x); 
 
} 
 
</script>

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<form> 
 
    <input list="browsers" name="browser"> 
 
    <datalist id="browsers"> 
 
    <option id="1" value="Internet Explorer"> 
 
    <option id="2" value="Firefox"> 
 
    <option id="3" value="Chrome"> 
 
    <option id="4" value="Opera"> 
 
    <option id="5" value="Safari"> 
 
    </datalist> 
 
</form> 
 
<button onclick="myFunction()">Try it</button> 
 

 
<p id="demo"></p> 
 

 

 

 
</body> 
 
</html>

來源

2016-09-16 mayuresh kapdule

之路在你的例子複雜。您可以通過value來選擇option。並且注意，input的id是#code1，而不是#srch1。

var g = $('#code1').val(); 
 
var id = $('#datalist1 option[value=' + g +']').attr('data-id'); 
 
// var id = document.querySelector('#datalist1 option[value=' + g +']').dataset.id; 
 

 
console.log(id);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text" name="srch1" id="code1" value="b" /> 
 
<datalist id="datalist1"> 
 
    <option data-id="1" value="a"></option> 
 
    <option data-id="2" value="b"></option> 
 
    <option data-id="3" value="c"></option> 
 
</datalist>

來源

2016-09-16 06:50:13 eisbehr

好，謝謝，但這裏我得到了 '' UNDEFINE '' 身份證。 –

我的例子工作，或不？ @mayureshkapdule – eisbehr

在你的代碼片段中，我看到了日誌，但是我使用你的代碼，我得到outpute id =「undefined」。 –

從選定的數據選項選項Id找到

回答

相關問題