select2
선택 옵션에서 클래스를 사용할 때 문제가 있습니다. select2
ajax 호출로 필드 클래스를 사용하여 양식 데이터를 삽입하면 제대로 작동합니다.
그러나 select2
동일한 양식을 먼저 호출하는 ajax로 해당 필드를 업데이트하면 먼저 삽입 한 값이 선택되지 않습니다.
노트
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>
자바 스크립트
$(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
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다