前端 select（单选多选 下拉）美化及获取值

 

链接：https://pan.baidu.com/s/18vLo4Mg-TpPJvj_E3WI_kw 
提取码：iml5 
 

引进的js 文件必须在 jq  插件的后面

<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>

若浏览器报找不到.labelauty() 该方法  ，   直接把诸如下列代码 放在HTML body最后面  防止与其它要jquery.js插件的冲突

<script type="text/javascript" src="../js/jquery-labelauty.js"></script>
<script type="text/javascript"><!-- 放在后面 防止与xx冲突-->
    $(function(){
        $(":input").labelauty();
    });
</script>

 

---

 http://www.17sucai.com  有积分都去这了     不用花时间搜博客

 

---

https://www.cnblogs.com/LY-leo/p/5765598.html

 

 

如何获得select被选中option的value和text  

（转载https://www.cnblogs.com/zhaokuojiao/p/6055632.html）

<select id="select">

   <option value="A" url="http://www.baidu.com">第一个option</option>

   <option value="B" url="http://www.qq.com">第二个option</option>

</select>

一：JavaScript原生的方法

1:拿到select对象： `var myselect=document.getElementById("select");
 
2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
 
3:拿到选中项options的value： myselect.options[index].value;
 
4:拿到选中项options的text： myselect.options[index].text;
 
5:拿到选中项的其他值，比如这里的url： myselect.options[index].getAttribute('url');

二：jQuery方法（前提是已经加载了jquery库）

1:var options=$(“#select option:selected”); //获取选中的项
 
2:alert(options.val()); //拿到选中项的值
 
3:alert(options.text()); //拿到选中项的文本
 
4:alert(options.attr('url')); //拿到选中项的url值 

三、  

onclick="Echart(devId,2)"  绑定一个方法  像按钮那样