【转】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小青青  阅读(281)  评论(0)    收藏  举报