疯狂

STANDING ON THE SHOULDERS OF GIANTS
posts - 481, comments - 486, trackbacks - 0, articles - 1
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

js,JQuery获得select选中的值

Posted on 2011-11-02 10:24 疯狂 阅读(7124) 评论(0)  编辑  收藏 所属分类: webjquery

用JQuery写的:

Js代码  
  1. Jquery获得select下拉选项option的值:   
  2.   
  3. <script type"text/javascript">   
  4.   
  5. $(document).ready(function() {   
  6.   
  7. $("#selProv").change(function(){   
  8.   
  9. alert( $("#selProv option:selected").text() );})   
  10.   
  11. });   
  12. //alert($("#selProv option[value='01']").val());//也可以这样获得一个值   
  13. </script>   
  14.   
  15. <select id="selProv">   
  16.   
  17. <option value="1">text111111</option>   
  18.   
  19. <option value="2">text222222</option>   
  20.   
  21. </select>  

 

用javascript的写的:

Js代码  
  1. var str = document.getElementById("stBegin");   
  2. alert(str.options[str.selectedIndex].value);  

 

如何添加select的option呢?

有如下两种方法,当然还有其它的方法,下面的只是经常用到:

①JS代码:

Js代码  
  1. var op = new Option("text""value");//创建一个option对象   
  2. op.selected = true;//设置其为默认选中项   
  3. $("#stBegin")[0].options.add(op);//添加到select对像  

 ②JQuery代码:

Js代码  
  1. $("#stBegin").append("<option value='00000' selected>oooo</option>");//使用JQuery的append方法,来天添加  

文章来自:http://sh2015yao.iteye.com/blog/859678

只有注册用户登录后才能发表评论。


网站导航: