于凤明

个人站

一个刚刚接触代码的小白,以后的路还很长


js和jq判断select是否选中、获取select选中的值

原生js


var   mySelect = document.getElementById(”testSelect”);//定位id(获取select)
    
var   index =mySelect.selectedIndex;// 选中索引(选取select中option选中的第几个)
    
var   text =mySelect.options[index].text; // 选中文本
    
var   value =mySelect.options[index].value; // 选中值
 
mySelect.options[index].selected // 判断select中的某个option是否选中   true为选中   false 为未选中
if(mySelect.options[1].selected == true){
   console.log(1)
}

JQ部分

1.判断option是否被选中

$("#id").is(":checked")//为false时是未被选中的,为true时是被选中

$("#id").attr('checked')==undefined//为false时是未被选中的,为true时是被选中

2.获取select选中的值

$("#mySelect option:selected").text()

$("#mySelect").find('option:selected').text()

$("#mySelect").val();

3.获取select选中的索引

$("#mySelect").get(0).selectedindex

4.添加option

$("#mySelect").append("<option value="+value+">"+text+"<option>");

5.删除option

$("#myOption").remove()

Copyright description

    ➩  如需转载请注明出处:凤明的博客 » https://victorfengming.github.io/#blog

    ➩  小编CSDN链接地址: 秋叶夏风的博客 » https://blog.csdn.net/qq_40223983

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦