0
点赞
收藏
分享

微信扫一扫

js&jquery 获取select下拉框的值、文本内容、自定义属性

html

<select id="test">
<option value="1">Marydon</option>
<option value="2" tip="welcome" selected>http://wwww.cnblogs.com/Marydon20170307</option>
</select>

1.jquery

window.onload = function(){
// 1.取值
$('#test option:selected').val();
// 2.取文本内容
$('#test option:selected').text();
// 3.获取自定义属性tip
$('#test option:selected').attr('tip');
}

2.javascript

window.onload = function(){
// 获取选中项的索引
var selectedIndex = document.querySelector('#test').selectedIndex;
// 1.取值
document.getElementById('test').value;// 2
// 2.取文本内容
document.getElementById('test').options[selectedIndex].innerText;// http://wwww.cnblogs.com/Marydon20170307
// 3.获取自定义属性tip
document.getElementById('test').options[selectedIndex].getAttribute('tip');// welcome
}

 

写在最后

  哪位大佬如若发现文章存在纰漏之处或需要补充更多内容,欢迎留言!!!

举报

相关推荐

0 条评论