获取select的值

最新推荐文章于 2020-11-20 12:25:36 发布

原创最新推荐文章于 2020-11-20 12:25:36 发布 · 419 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#select #data

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