关于select的使用感受~大坑~select不能添加点击事件触发~

这是一个坑,把我摔惨了!

select+option是浏览器自带的下拉选项框,样式及其丑,还好现在有很多框架都相应做了些美化,select 元素是一种表单控件，可用于在表单中接受用户输入。

还有一个重点就是select元素需要用onchange方法触发,点击事件啥的不管用...

    这就是普遍的用法,
　　<select class="select">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
  </select>            

最近在用jq所以就分享下jq对于select的操作方法:

　　

$("#select").val(); //获取Select选择的Value
$("#select ").get(0).selectedIndex; //获取Select选择的索引值
$("#select option:last").attr("index"); //获取Select最大的索引值
$("#select").find("option:selected").text(); //获取Select选择的

jq select增加/删除

1. $("#select").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
 
2. $("#select").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
 
3. $("#select option:last").remove(); //删除Select中索引值最大Option(最后一个)
 
4. $("#select option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
 
5. $("#select option[value='3']").remove(); //删除Select中Value='3'的Optiona
 
5. $("#select option[text='4']").remove(); //删除Select中Text='4'的Optiona
 
6. $("#select ").empty();//内容清空

以上是select的一些基本用法,还有如果要对同一个select进行多次不同数据的操作,就需要清空或者删除上一次的选中,不认会很坑...哈哈哈