Jquery如何获取一个select里面的所有option的值

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取select框下option所有值</title>
</head>
<script src="js/jquery.min.js"></script>  <!-- 确保有此文件 -->
<body>
<select id="test">
    <option value="1">手机</option>
    <option value="2">路由器</option>
    <option value="3">耳机</option>
</select>
<script>
    var arr = new Array();
    var all = "";
         $("#test option").each(function () {
             var txt = $(this).text();
             var val = $(this).val();
             // var node = "<" + txt + ">" + val + "</" + txt + ">";     //<1>手机</1>组合显示
             var node = "" + txt + "\n";
             arr.push(node);
             all += node;
         });
         alert(all);
         alert(arr);
</script>
</body>
</html>

示例图

Jquery如何获取一个select里面的所有option的值

原创文章,作者:wwh,如若转载,请注明出处:https://www.wuwenhui.cn/5533.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
wwhwwh
上一篇 2023-08-01
下一篇 2023-08-11

相关推荐

发表回复

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

站长邮箱:admin@wuwenhui.cn
工作时间:周一至周五,8:30-17:30,节假日休息

微信
本站支持QQ一键注册登录,所有资源下载均在文章底部~