JQUERY —— 获取下拉框的值

最新推荐文章于 2023-12-08 15:32:39 发布

weixin_30474613

最新推荐文章于 2023-12-08 15:32:39 发布

阅读量271

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yifanSJ/p/9114996.html

版权

1. 参考如下代码

$("select").val(); // 选中项目的value值

$("select option:checked").text(); // 选中项目的显示值

2. 示例如下：

1）创建Html元素

请选择：  
<select id="sel">  
    <option value="1">选项1</option>  
    <option value="2">选项2</option>  
    <option value="3">选项3</option>  
    <option value="4">选项4</option>  
</select>  
<input type="button" value="点击查看被选项目">

2）编写jquery代码

$(function(){  
    $("input").click(function() {  
        a = $("#sel").val();  
        b = $("#sel option:checked").text();  
        alert("被选项目的值："+a+"，被选项目的显示值："+b+"。");  
    });  
})

转载于:https://www.cnblogs.com/yifanSJ/p/9114996.html