PHP : kartik을 사용하여 첫 번째 드롭 다운 선택 옵션을 기반으로 두 번째 드롭 다운 옵션 설정 Select2

Question

yii2 프레임 워크를 사용하는 응용 프로그램이 있습니다. select 옵션 (드롭 다운 선택)을 사용하려고하는데 Kartik Select2을 사용합니다.

이

내가이 옵션을 선택을했습니다 볼 수 있습니다 당신이 위의 사진에서 내 옵션을 선택

의보기,하지만 난 상태를했습니다. 이것이 바로 조건입니다.

나의 첫 번째 드롭 다운 옵션 (트랜잭션 ID)

1. 주문이 있습니다,이 옵션을 포함
2. 판매

와 사용자가 1. Buy, 두 번째 드롭 다운 옵션 (를 선택하는 경우 결제 수단)가 표시됩니다.

1. 현금
2. 전자 화폐 거래 을 옵션으로하고, 사용자가 2. Sell을 선택하면 1. Cash을 옵션으로 표시합니다.

Kartik Select2를 사용하여 어떻게 할 수 있습니까?

도움이 될 것입니다.

감사합니다.

Answer 1

요구 사항에 따라 첫 번째 드롭 다운을 기준으로 두 번째 드롭 다운 옵션을 업데이트해야합니다. 먼저 드롭 다운에 id를 지정하고, 첫 번째 ID는 첫 번째 드롭 다운이고 두 번째 ID는 두 번째 드롭 다운이됩니다. 첫 번째 드롭 다운 변경 이벤트에서 코드 아래에 코드를 추가하십시오.

// get first dropdown value here 
var firstDropdownValue = $("#first-dropdown").select2("val"); 


var $secondDropdown = $('#second-dropdown'); 

// get all second dropdown options 
var options = $secondDropdown.data('select2').options.options; 

// delete all options of the native select element 
$secondDropdown.html(''); 

// build new items 
var items = []; 

items.push({ 
    "id": 1, // value of option 
    "text": 'Cash' // name of option 
}); 

$secondDropdown.append("<option value=\"1\">Cash</option>"); 

// check the first dropdown value and add E-money option 
if(firstDropdownValue == 1){ 
    items.push({ 
     "id": 2, 
     "text": 'E-money' 
    }); 

    $secondDropdown.append("<option value=\"2\">E-money</option>"); 
} 

// add new items 
options.data = items; 
$secondDropdown.select2(options);