Question

这是我的datalist items with data-value attribute。我想获得数据属性on change的值。

 <div class="col-md-3 "> 
  <input type="text" class="form-control" list="items" id="proname" placeholder="Product Name" style="margin-left: 12px;"> 
  <datalist id="items">
    <option data-value="120.0">
      Chicken Biryani() 57
    </option>
    <option data-value="100.0">
      chiken manchuriya() 58
    </option>
  </datalist>
</div>

我想获得#proname

更改时的attr值

我尝试了下面的代码

$(document).ready(function() {
  $("#proname").change(function(){
    var proName=$("#proname").val();

    alert($("#proname option").find(':selected').data('data-value'));//out-put : undefined
  });
});

我将如何获得data-value attribute value。请帮帮我。

Answer 1

您可以使用data('value')或attr('data-value')

Answer 2

更改您的代码

这

$（document）.ready（function（）{ $（ “＃proname”）。变化（函数（）{

                var proName=$("#proname").val();

                 alert($("#proname option").find(':selected').data('data-value'));//out-put : undefined


                    });});

要

$("#proname").change(function(){

  var proName=$("#proname").val();
   var value = $('#items option').filter(function() {
     return this.value == proName;
   }).data('value');
  var msg = value ? value : 'No Match';

alert(msg);

});

如何获取所选datalist项的数据值attr的值

2 个答案: