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

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

Author:Marydon

html

    Marydon    http://wwww.cnblogs.com/Marydon20170307

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}

 

 相关推荐：