1. 程式人生 > >獲取select的值

獲取select的值

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-屬性名