如何在jQuery中使用select2获取值

monwx1rj  于 2023-05-22  发布在  jQuery
关注(0)|答案(2)|浏览(168)

我有多个选择,包含语言的选项,我想得到选定的值。我尝试使用从id中检索值,但控制台中没有显示任何内容。

$('#language').select2();

<select  id="language" class="form-control" multiple="multiple" data-toggle="select2"> 
     <option value="1">FR</option>
     <option value="1">Eng</option>
     <option value="1">Es</option>
       
</select>

var selectedValues = $('#language').val();
console.log(selectedValues);
bkkx9g8r

bkkx9g8r1#

selectedValues = $('#language').val();

将为您提供所选选项的值数组。
下面是一个demo:

$('#language').select2().on('change', function(e) {
  var selectedValues = $('#language').val();
  console.log(selectedValues);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<select id="language" class="form-control" multiple="multiple" data-toggle="select2">
  <option value="1">FR</option>
  <option value="2">Eng</option>
  <option value="3">Es</option>
</select>
9lowa7mx

9lowa7mx2#

你可以试试这个。

var selectedValues = $('#language').find(':selected').val();
console.log(selectedValues);

相关问题