select超全超详细总结篇

Posted 2020-06-20 beidan

1.经常使用到select，每次都是翻翻翻资料，干脆总结一下，方便日后查看。

 

2.checked     匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)

  selected    匹配所有选中的option元素

  disabled    匹配所有不可用元素

 

 可通过    $("input[name=‘newsletter‘]").prop(‘checked‘);  设置

 

3.prop  和  attr 的区别

 

具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，

其他的使用 attr()

 

1.html

    <select id="select">

            <option value="1" name="Volvo">Volvo</option>

            <option value="2" name="Saab">Saab</option>

            <option value="3" name="Opel">Opel</option>

            <option value="4" name="Audi">Audi</option>

        </select>

 

2.javascript

    $("#select").val("4");    //设置value为4的值选中

    $("#select").find("option[name=‘Opel‘]").prop("selected",true);   //设置name为pxx的项选中

    var nowval = $("#select").val();   //获取当前选中的value值

    var nowtext = $("#select").find("option:selected").text();  //获取当前选中的text值

 

注意：

类似标签[属性=‘值‘]这种叫做属性选择器，即选中属性=值的标签，但是，dom里面是没有text属性的，所以option[text=‘1‘]是非法的。故不能 

$("#select option[text=‘1‘]).prop("selected",true)；