疯狂

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 疯狂 阅读(7127) 评论(0)  编辑  收藏 所属分类: web 、jquery

用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

只有注册用户登录后才能发表评论。
网站导航: