相关疑难解决方法(0)

我正在使用Select2 Jquery绑定我的下拉列表,用于多个选择.我正在使用select2 jquery.

它工作正常,我可以绑定我的下拉列表但我需要从我的多值选择器中获取所选值.我正在寻找获取select2 Jquery支持的值的方法.它可能是一个函数获得选定的值.
我的下拉绑定代码

$(".leaderMultiSelctdropdown").select2( {
    maximumSelectionSize: 4
});

我有一个选择2多选选项

<select multiple name="event_type[]" class="form-control" id="selectEvents">
   @foreach ($eTypes as $type)
       <option>{{$type}}</option>
   @endforeach
</select>

我想设置一些默认值,以防用户正在编辑表单.我通过这样做成功地做到了这一点

var s2 = $("#selectEvents").select2({
    placeholder: "Choose event type",
    tags: true
});

s2.val(["Trade Fair", "CA", "Party"]).trigger("change"); //CA doesn't show as a default

但问题是我允许使用tags: trueselect2选项的用户生成的选项.

当我设置最初在html选项中的默认值时,它可以工作,但是当我设置用户生成的默认值时,它不起作用.

这是我第一次使用select2.

我怎样才能实现这一目标？

我试图使用jquery设置select2值.这可能是一个重复的问题,但我在这里阅读了30个不同的答案,但没有找到解决我问题的答案.

HTML代码:

<div class="has_many_fields" data-required-has-many-fields-rows="1" id="location_account_associations"><input id="location_account_associations_attributes_0__destroy" name="location[account_associations_attributes][0][_destroy]" type="hidden" value="false" />
<div class="has_many_fields_row countable" id="location_account_associations_attributes_0">
    <div class="form__row form__row--spreadsheet">
        <div class="form__row__body">
            <div class="form__row__field-wrapper">
                <ul class="grid grid--no-gutters">
                    <li class="grid__6 grid__x--show">
                        Account Thing
                        <input id="location_account_associations_attributes_0_ab_account_id" name="location[account_associations_attributes][0][ab_account_id]" type="hidden" value="42" />
                    </li>
                    <li class="grid__5">
                        <select class="js-select2-combobox" id="location_account_associations_attributes_0_account_id" name="location[account_associations_attributes][0][account_id]" placeholder=" " reflection="#&lt;ActiveRecord::Reflection::AssociationReflection:0x012fb5asd200e8&gt;">
                            <option value=""></option>
                            <option value="1">Orange</option>
                            <option value="2">Apple</option>
                        </select>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

我尝试了多种不同的方法来选择"橙色".请注意,当按下某个键击时,此jQuery会执行.此外,由于多种原因,HTML无法编辑.只能更改jQuery.

使用Javascript/jQuery的:

(function() {
    $(document).on("keydown", function(e) {

        // ignore unless CTRL + ALT/COMMAND + N was pressed
        if (!(e.keyCode == 78 …

我想在编程中选择Select2实例中的多个值.

我的问题是它只接受给定数组的第一个值,就好像它不是多重选择一样.

请参阅以下代码段:

$(document).ready(function() {
  $('select.select2').each(function() {
    $(this).select2();
  });
  
  var selectedCodeWBs = ['ARG', 'CAN', 'USA'];
  $('#countryCodeWB').select2('val', selectedCodeWBs);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css" />

<select id="countryCodeWB" class="form-control select2" name="CountryZone__CountryCodeWBs" multiple="multiple">
    <option value="AGO" data-code="AO">ANGOLA</option>
    <option value="ARG" data-code="AR">ARGENTINE</option>
    <option value="AUS" data-code="AU">AUSTRALIE</option>
    <option value="BDI" data-code="BI">BURUNDI</option>
    <option value="BEN" data-code="BJ">BÉNIN</option>
    <option value="BFA" data-code="BF">BURKINA FASO</option>
    <option value="BGD" data-code="BD">BANGLADESH</option>
    <option value="BRA" data-code="BR">BRÉSIL</option>
    <option value="CAN" data-code="CA">CANADA</option>
    <option value="CHE" data-code="CH">SUISSE</option>
    <option value="CHL" data-code="CL">CHILI</option>
    <option value="CHN" data-code="CN">CHINE</option>
    <option value="CIV" data-code="CI">CÔTE D'IVOIRE</option>
    <option …