SELECT2 입력 상자 방법을 사용하여 기본값을 설정하는 방법

여러 개의 드롭 다운이있는 동적 양식이 있습니다. 각 드롭 다운은 임원 명으로 구성됩니다. 내 문제는 기본 값을 설정하는 방법을 모른다는 것입니다. 업데이트 양식에서 나는 단순히 표준 드롭 다운을 사용했고 거기에서 초기 값을 설정할 수 있지만 모든 양식에서 표준 드롭 다운에 select2를 사용하려고합니다. 여기 내 저장된 값을 얻을 수있는 도우미의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>

(하지만 보통의 드롭 다운입니다) : 여기

내 코드의

if (! function_exists('select_officer')) { 
    function select_officer($selected = 0) { 

     $CI =& get_instance(); 
     $CI->load->model('contracts/Contracts_model'); 

     $officer = $CI->Contracts_model->load_relation_officer(); 
     $row_list = array(); 

     foreach($officer as $l) { 

      $s = ($selected == $l['id']) ? "selected='selected'" : ""; 
      echo "<option value='" . $l['id'] . "' " . $s . ">" . $l['text'] . "</option>"; 

     } 

    } 
}

그리고 내 페이지로드에서 나는 그래서이 부분을 초기화 드롭 다운에 넣어야하는 모든 값을 얻을 수 있습니다.

//officer lists 
$(".officer_selection").select2({ 
    data: data 
});

여러 개의 드롭 다운에서 기본값을 어떻게 설정합니까? 4 가지 종류의 드롭 다운이 있습니다. 이들은 일본의 주요 일본 장교 (General Japanese Officer), 일본 육군 보좌관 (Assistant Japanese Officer), 지역 임원 (Local Officer) 및 부기장 (Assistant Local Officer)입니다. 모두 동일한 드롭 다운 값을 포함합니다.

출처

2016-10-18 Jerielle

<!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>

출처

2016-10-18 03:49:22 Aswathy

이

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

초기화 데이터

$("#select2-sample").select2(
    { 
     data:{results:[{name:"item1", id:123},{name:"item2", id:456}], text:"name"}, 
     formatSelection: function(item){return ashtmlString(item.name);}, 
     formatResult: function(item){return item.name} 
    } 
);

과 2를 선택하십시오 기본값은

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

출처

2016-10-18 04:05:42

확인 설정, 그것을 시도 병. :) – Jerielle

SELECT2 입력 상자 방법을 사용하여 기본값을 설정하는 방법

답변

관련 문제