Idを見つけるには選択したデータリストのオプションから

私にはこちらの解決方法を教えてください。ここでもオプションタグのIDを取得できません。私はそのデータリストのIDを見つけるためだけに多くのコードを実行してくれます。複雑に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であることに注意してください。

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

OK感謝しかし、ここで私は '' 未定義 '' IDを得ました。 –

私の例はうまくいっているのですか？ @mayureshkapdule – eisbehr

あなたのスニペットで私はログを参照してくださいが、私はあなたのコードを使用してoutpute id = "undefined"を取得します。 –

Idを見つけるには選択したデータリストのオプションから

答えて

関連する問題