Javascript 如何使用SELECT2输入框方法设置默认值_Javascript_Jquery_Select2

Javascript 如何使用SELECT2输入框方法设置默认值

javascript jquery

Javascript 如何使用SELECT2输入框方法设置默认值,javascript,jquery,select2,Javascript,Jquery,Select2,我有一个动态表单，有多个下拉列表。每个下拉列表由军官姓名组成。我的问题是我不知道如何设置默认值。在更新表单中，我只使用了一个标准下拉列表，从那里我可以设置初始值，但我想在所有表单中使用select2作为标准下拉列表这是我的密码：  <select class="form-control input-sm" name="contract_main_jp_officer[]"> <?php if

我有一个动态表单，有多个下拉列表。每个下拉列表由军官姓名组成。我的问题是我不知道如何设置默认值。在更新表单中，我只使用了一个标准下拉列表，从那里我可以设置初始值，但我想在所有表单中使用select2作为标准下拉列表

这是我的密码：

<!-- OLD DROPDOWN WORKS FINE -->
<select class="form-control input-sm" name="contract_main_jp_officer[]">
    <?php if($v['main_jp'] == 0) { ?>
        <option value=""> -- SELECT OFFICER --</option>
    <?php } ?>
    <?php select_officer($v['main_jp']); ?>
</select>

<!-- I USED SELECT2 DROPDOWN -->
<input type="text" class="form-control officer_selection input-sm form_control_outline input_white upper off_sel" name="contract_main_jp_officer[]" value="<?php echo set_value('contract_main_jp_officer', 0); ?>" />
<label for="name" class="text-info">Main Japanese Relation Officer: </label>

您能帮助我如何在多个下拉列表中设置默认值吗？我有4种下拉列表，它们是主要日本官员、助理日本官员、主要当地官员和助理当地官员。它们都包含相同的下拉值。


<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){

$('.officer_selection').each(function(){
$(this).find('option:eq(3)').prop('selected', true);
});
});
</script>
</head>
<body>
<select class= 'officer_selection'>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>


<select class= 'officer_selection'>
  <option value="volvo">Volvo1</option>
  <option value="saab">Saab1</option>
  <option value="mercedes">Mercedes1</option>
  <option value="audi">Audi1</option>
</select>

<select class= 'officer_selection'>
  <option value="volvo">Volvo2</option>
  <option value="saab">Saab2</option>
  <option value="mercedes">Mercedes2</option>
  <option value="audi">Audi2</option>
</select>


<select class= 'officer_selection'>
  <option value="volvo">Volvo3</option>
  <option value="saab">Saab3</option>
  <option value="mercedes">Mercedes3</option>
  <option value="audi">Audi</option>
</select>
</body>
</html>

$（文档）.ready（函数（）{
$（'.officer_selection'）。每个（函数（）{
$（this.find（'option:eq（3）'））.prop（'selected'，true）；
});
});
沃尔沃汽车
萨博
梅赛德斯
奥迪
Volvo1
Saab1
美塞苔丝1
奥迪1
Volvo2
萨博2
Mercedes2
奥迪2
VO3
Saab3
Mercedes3
奥迪


$（文档）.ready（函数（）{
$（'.officer_selection'）。每个（函数（）{
$（this.find（'option:eq（3）'））.prop（'selected'，true）；
});
});
沃尔沃汽车
萨博
梅赛德斯
奥迪
Volvo1
Saab1
美塞苔丝1
奥迪1
Volvo2
萨博2
Mercedes2
奥迪2
VO3
Saab3
Mercedes3
奥迪

试试这个

<input type="text" id="select2-sample">

设置默认值

$("#select2-sample").select2('val', 456);

试试这个

<input type="text" id="select2-sample">

设置默认值

$("#select2-sample").select2('val', 456);

好的，我试试看好的，我试试看

$("#select2-sample").select2('val', 456);