select中的option设置多个值，用js中的JSON.parse()方法解析

JSP页面代码.



<label for="" class="title">高考省份</label>
<input type="hidden" name="gaoKaoSF" id="gaoKaoSF" value="${stu.gaoKaoSF}">
<select name="gaoKaoSFH" id="gaoKaoSFH" required validate="true">
<option value="">请选择</option>
<c:forEach var="p" items="${prov }">
<option value="${p.shengFenHao}" data='{"shengFenMing":"${p.shengFenMing}","lianKaoHQZ":"${p.lianKaoHQZ}","lianKaoHCD":"${p.lianKaoHCD }","areaLimit":"${p.areaLimit }"}' <c:if test="${p.shengFenHao eq stu.gaoKaoSFH}">selected="selected"</c:if>>
${p.shengFenMing }
</option>
</c:forEach>
</select>

js解析

var data = JSON.parse($('#gaoKaoSFH option:selected').attr('data'));
$('#kaoShengHao').val(data.lianKaoHQZ);
$('#kaoShengHao').attr('prefix',data.lianKaoHQZ);
$('#kaoShengHao').attr('len',data.lianKaoHCD);
$('#qrkaoShengHao').attr('len',data.lianKaoHCD);

喜欢的朋友可以扫描我的个人公众号，有好东西可以一起分享。免费获取各种学习视频、源码、PPT资料

也可以微信搜索公众号：Java程序员那些事