我在选择选项中使用 select2
类时遇到问题。当我通过 ajax 调用使用字段 select2
类插入表单数据时,它可以正常工作
但是当我首先通过 ajax 调用相同的表单来更新 select2
字段时,它不是我首先插入的选定值。
注意
ajax 响应正常
cdn、css、javascript 正确集成
下面我试过了
输入字段
<div class="form-group">
<label for="inputEmail3" class="col-sm-5 control-label">Status:</label>
<div class="col-sm-7">
<select class="form-control select2" name="status_user" id="status_user" style="width:100%;">
<option value="">-Select-</option>
<option value="1">Active</option>
<option value="0">Inactive</option>
</select>
</div>
</div>
Javascript
$(document).ready( function () {
$('.select2').select2()
} );
Ajax 更新
$('#status_user').val('');
$.ajax({
type:"post",
url:"./cc/xyz.php",
data: {
row_id: action_id,
conditional_value: 14
},
success:function(response){
var responseData = JSON.parse(response);
$('#status_user').val(responseData.status_user);
}
});
最佳答案
几天前我遇到了同样的问题。我已经从 Select2 Documentation 解决了这个问题
$('#status_user').val('');
以此代替
var statusSelect = $('#status_user');
然后在你的 ajax 请求中添加新行
$('#status_user').val(responseData.status_user);
statusSelect.append(responseData.status_user).trigger('change'); // Add this line
关于javascript - 通过 ajax 调用更新选择字段时未选择 Select2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66600924/