獲取select的值
阿新 • • 發佈:2018-12-23
1.html
<select id='select'>
<option value='0' data-city='南京市'>南京市</option>
<option value='1' data-city='蘇州市'>蘇州市</option>
<option value='2' data-city='無錫市'>無錫市</option>
<option value='3' data-city='常州市'>常州市</option>
</select>
1).當option標籤的value值就是需要取得值時
js: document.querySelector('#select').value;
jQuery: $('#select').val();
2).需要取得值不是value值而是顯示的值
jQuery: $('select option:selected').text();
$('#select')[0].options[$('#select')[0].selectedIndex].innerText;
$($('#select')[0].options[$('#select')[0].selectedIndex]).data('city');
ps:data-city為自定義屬性
使用:data-屬性名