JQuery获取Select中option中的值，并由a标签传值

最新推荐文章于 2021-06-24 13:37:15 发布

CCCAAAAFFFFF

最新推荐文章于 2021-06-24 13:37:15 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.youkuaiyun.com/code_while/article/details/80957244

jQuery 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用JSTL在Java Web应用中动态生成下拉菜单，并通过JavaScript捕获选中项，实现与后台服务器的数据交互。重点探讨了在select元素中利用forEach遍历集合，以及通过jQuery获取option值的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

过程坎坷，直接肝代码

我需要用jstl从后台服务器上获取得到的数据ArrayList<String>，即此处的singleSize，利用forEach循环通过select输出，但一直苦于没有什么好方法可以获取到option中的值还得是通过a标签传递到后台。

<select id="select">
	<c:forEach items="${list }" var="plist">
	      <option value="${plist }">${plist }</option>
	</c:forEach>
</select>

<a href="javascript:;" onClick="fun()">跳转</a>

然后js逻辑如下：

<script type="text/javascript">
	function fun(){
		var option = $("#  option:selected");
		var color = option1.val();
		var size = option2.val();
		location.href="addCart?color="+color+"&size="+size;
	}
</script>