Question

在这里给我解决方案，我也无法获得选项标签的ID。我做了很多代码只是为了找到那个数据主义者的id，请帮助我。

＆＃13;

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

＆＃13;

<!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>

＆＃13;

Answer 1

在你的例子中复杂化的方法。您只需按option选择value即可。请注意，id的{{1}}为input，而不是#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);

从选定的Datalist选项中查找Id

1 个答案: