【转】js和Jquery获取选中select值和文本

原文地址:http://www.cnblogs.com/shenyixin/archive/2012/12/11/2813221.html

原生JS方式:

<body>
<select name="PaymentType" style="width:110px" > 
  <option value="">请选择 </option> 
  <option value="001">月付</option> 
  <option value="002">半年付</option> 
  <option value="003">年付</option> 
</select> 
<script language="javascript">
  function Gettext(obj){
    var txt=obj.options[obj.options.selectedIndex].text;
    alert(txt)
  }
  function Getvaule(obj){
    var val=obj.options[obj.options.selectedIndex].value;
    alert(val)
  }
</script>
</body>

   

 Jquery:

<body>
<select name="PaymentType" style="width:110px" > 
<option value="">请选择 </option> 
<option value="001">月付</option> 
<option value="002">半年付</option> 
<option value="003">年付</option> 
</select> 
<script src="/jquery-1.11.1.js"></script>
<script language="javascript">
    function Gettext(obj){
        var txt=$(obj).find("option:selected").text();
        alert(txt)
    }
    function Getvaule(obj){
        var val=$(obj).find("option:selected").val();
        alert(val)
    }
</script>
</body>        

 

posted @ 2016-08-26 14:55  b小青青  阅读(272)  评论(0编辑  收藏  举报