的我有以下代码:JS:获取的.html()选择数据列表选项
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- add jquery -->
CITY<br>
<input id='cities' type="text" list="list_items">
<datalist id="list_items">
<option value='Kent'>WA</option> <!-- PLEASE NOTE THAT THERE ARE REPEATING CITY NAMES -->
<option value='Kent'>DE</option>
<option value='New York City'>NY</option> <!-- AND REPEATING STATE NAMES -->
<option value='Liverpool'>NY</option>
<option value='Brentford'>SD</option>
</datalist>
<br><br>
STATE<br>
<input id='states' type="text" disabled>
<script>
$('#cities').on('change', function(val) {
$('#states').val(val.html())
})
</script>
https://jsfiddle.net/pxcc1vn4/3/
我试图让这个我可以选择从datalist
的项目,将所选datalist
option
的值设置在第一个input
中,并将所选的datalist
option
中的.html()
置于第二个input
中。
这似乎并不奏效。 https://jsfiddle.net/pxcc1vn4/10/ – MakPo
你选择后是否尝试点击输入?之后只会触发更改事件。 –
@XYZ号码它只是返回城市的名称而不是州。 – MakPo