jsp select 选中获取选中对象的值

Haocaibo

于 2021-03-13 10:36:01 发布

阅读量1.4k

点赞数

分类专栏：前端文章标签： js html

本文链接：https://blog.csdn.net/KeepLearnZhangXiaoBo/article/details/114732751

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

问题说明：

需要选中服务人群select后，带入相应的信息.

如何解决？

jsp页面

<select class="js-example-basic-single" name="servicePackageId" id="servicePackageId"  style="width: 300px;" οnchange="selectCrowd()"  >
    <option value=""></option>
    <c:forEach items="${checkPackageDatas}" var="item">
        <option value="${item.id}" content="${item.content}">${item.targetCrowd}</option>
    </c:forEach>
</select>

js：
function selectCrowd(){
    var myselect = document.getElementById("servicePackageId");
    var index=myselect.selectedIndex ;
    $("#content").val(myselect.options[index].getAttribute('content'));
}