如何通过li data-val

Question

我希望在输入隐藏字段

中获取所选的data-id值

这是我的源代码：

jQuery('li').click(function() {
  $('#car').html(jQuery(this).attr("data-val"));
}); <

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li data-val="all">Allahabad</li>
  <li data-val="pra">Pratapgarh</li>
  <li data-val="kan">kanpur</li>
  <li data-val="chd">Chandigarh</li>
  <li data-val="ldh">Ludhiana</li>
</ul>

<input type="text" name="car" id="car" value=" ">

Answer 1

.html（）将设置元素的html内容（对于输入元素无效）。你需要设置值而不是html。使用.val()：

 $('#car').val($(this).attr("data-val"));

Answer 2

更改此项，html函数用于设置html内容以设置值使用val（）函数

 $('#car').val(jQuery(this).attr("data-val"));