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

本文详细介绍了如何使用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>

 

 

 

要将多选的以 JSON 递到后端,您需要执行以下步骤: 1. 获取选定的选项和它们的。 2. 创建一个空数组来存储选定选项的。 3. 使用循环遍历选定的选项,将它们的添加到数组中。 4. 将数组转换为 JSON 字符串。 5. 将 JSON 字符串发送到后端。 以下是一个示例代码,可以帮助您实现这个功能: HTML 代码: ``` <select id="mySelect" multiple> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> <option value="option4">Option 4</option> </select> <button onclick="sendData()">Send Data</button> ``` JavaScript 代码: ``` function sendData() { // 获取选定的选项和它们的 var select = document.getElementById("mySelect"); var options = select.options; // 创建一个空数组来存储选定选项的 var selectedValues = []; // 使用循环遍历选定的选项,将它们的添加到数组中 for (var i = 0; i < options.length; i++) { if (options[i].selected) { selectedValues.push(options[i].value); } } // 将数组转换为 JSON 字符串 var jsonData = JSON.stringify(selectedValues); // 将 JSON 字符串发送到后端 // 这里使用 jQuery 的 AJAX 方法来发送数据 $.ajax({ url: "backend.php", type: "POST", data: { 'selectedValues': jsonData }, success: function(response) { console.log(response); } }); } ``` 在上面的代码中,我们使用了 jQuery 的 AJAX 方法来发送 JSON 数据到后端。您可以使用其他方法来发送数据,例如 fetch 或 XMLHttpRequest。在后端,您需要解析 JSON 字符串来获取选项的
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值