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

CreationTime--2018年7月2日09点22分

Author:Marydon

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 }

 

 相关推荐：

js与jQuery实现方式对比汇总

 

 

转载于:https://www.cnblogs.com/Marydon20170307/p/9252369.html