前端使用select2，该如何获取option中的value值？

代码如下：

            <select id="mySelect" style="width: 120px;" class="mySelect">

            <c:forEach var="modelTypeNameList" items="${modelTypeNameList}">

                <option value="${modelTypeNameList.model_type_id}">${modelTypeNameList.model_type_name}</option>

            </c:forEach>

            </select>

option中的值是spring标签动态生成的，页面渲染完成后，我想获取select选中的option中的值，然后传回后台，可是对select2标签不熟悉，git上查了用法，也没介绍这个种该如何用。
页面是这样的：
前端使用select2，该如何获取option中的value值？

console中取不到值，为什么呢？

前端使用select2，该如何获取option中的value值？

2 个解决方案

#1



$('#select').val();

$('#select').select2('data');

$('#select').select2('val');

不知道你怎么搞的，反正我在官网看了下，这几种方法都行。

你是不是用了iframe了？再顶层页面肯定获取不到内部有select的iframe里面的select啊。。。

#2

放form表单里面，就和普通控件一样，实际提交的还是select的值，select2的ui更改后会更改select的值

需要注意的是给输入控件加name，要不表单提交没有name的控件值不会提交到服务器

<select id="mySelect" name="mySelect" style="width: 120px;" class="mySelect">

$('#mySelect')取不到值，是不是你select放iframe里面了？要不直接获取$('#mySelect').val()没有问题的

Web开发学习资料推荐
jqGrid导航Navigator配置
jqGrid分页pager配置

#1



$('#select').val();

$('#select').select2('data');

$('#select').select2('val');

不知道你怎么搞的，反正我在官网看了下，这几种方法都行。

你是不是用了iframe了？再顶层页面肯定获取不到内部有select的iframe里面的select啊。。。

秒客网

前端使用select2，该如何获取option中的value值？

2 个解决方案

#1

#2

#1

#2

相关文章