javascript - yii2 - 如何在 javascript 中设置 kartik select2 值

Question

我尝试在 javascript 操作中将值设置为 kartik select2，但仍然没有成功。这是我在 View 文件中的代码:

<div class="col-xs-6">
    <?= $form->field($model, 'item_id')->widget(kartik\select2\Select2::className(), [
        'data' => \yii\helpers\ArrayHelper::map(\app\models\ItemProduction::find()->all(), 'id', 'name'),
        'options' => ['placeholder' => 'Select item'],
        'pluginOptions' => [
            'allowClear' => true,
        ],
    ]) ?>
</div>

我的 JavaScript 代码是这样的

$(document).on('click', '.select-row', function(){
    // get id from custom button
    var id = $(this).attr('data-id');
    $.get('../ticket-timbangan/get-ticket', {id : id}, function(data){
            var data = $.parseJSON(data);        
            alert(data.item_id);
            $('#pengirimanproduksi-ticket_id').val(data.id);                
            $('#select2-pengirimanproduksi-item_id-container').val(data.item_id).trigger('change');

            $('#pengirimanproduksi-bruto_tbg').val(data.bruto);
            $('#pengirimanproduksi-tara_tbg').val(data.tara);
            $('#pengirimanproduksi-remark').val(data.remark);
    });
    $('#modalTicketList').modal('hide');        
});

这是我检查kartik select2元素

<span class="select2-selection__rendered" id="select2-pengirimanproduksi-item_id-container"><span class="select2-selection__placeholder">Select item</span></span>

我尝试此代码 $('#select2-pengirimanproduksi-item_id-container').val(data.item_id).trigger('change'); 但它没有任何改变。请指教。谢谢。

Answer 1

select2 的第一个 ID 错误。

$('#select2-pengirimanproduksi-item_id-container')

不要与此混淆，并根据您的 View 名称使用常规 View 名称，例如我的是 $('#pengirimanproduksi-item_id').val(your_value).trigger('change')应该可以。

刚刚阅读 select2 文档。