给select的同一个option设定多个value值，并分别获取

最新推荐文章于 2025-07-01 07:41:48 发布

追求卓越583

最新推荐文章于 2025-07-01 07:41:48 发布

阅读量1.5w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：给select的同一个option设定多个value值，并分

本文链接：https://blog.youkuaiyun.com/zhuiqiuzhuoyue583/article/details/80964436

JavaScript 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种处理HTML中<select>元素value属性的方法，使用逗号作为分隔符，通过JavaScript的split方法实现对复合value值的解析。适用于需要从前端获取带有多个属性值的情况。

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

option 的value用个分隔符进行分隔，然后获取的时候通过script的split。

<select id="coupon">
	<option value="0" selected>- 请选择可使用的优惠券 -</option>
	<c:forEach items="${couponsNotUsedPay}" var="c">
	       <option value="${c.couponeid},${c.coupMoney}">"${c.couponName}" </option>
	</c:forEach>
</select>

js:

var result=str.split(",");
var couID=result[0];//优惠券ID
var couMoney=result[1]; //优惠券钱数

你想要的value是想在后台处理,还是在前台用javascript处理?

说个方法,如果是后台处理,那就把value置为:aaa,bbb,ccc这样的形式分隔的多个值,在后台用split(request("xx"),",")来接收,
如果是用来作前台用,你可以也像后台处理那样用object.value.split来做,也可以对object自定义多个属性,如object.aaa = "aaa",object.bbb = "bbb",==