zoukankan      html  css  js  c++  java
  • select超全超详细总结篇

    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);
     
  • 相关阅读:
    练习题 求字符串是否为回文
    JavaScript效果下载网站!
    遍历页面所有的Checkbox,显示选中的ID
    祝福自己生日快乐!
    【原创】datalist repeater 控件的行鼠标单击 以及 滑过特效
    删除此文 并不能解决问题
    javascript屏蔽脏字
    【MM系列】SAP 物料凭证增强
    【MM系列】SAP 客户增强
    【MM系列】SAP 交货单屏幕增强
  • 原文地址:https://www.cnblogs.com/beidan/p/5263998.html
Copyright © 2011-2022 走看看