select2로 읽기 전용을 전환하는 방법

Question

첫 번째 select2 옵션의 값에 따라 readonly 속성을 두 번째 select2로 설정하려고했습니다.

나는 아래로 내 스크립트가 :

<select name="Name" id="Name" style='width:45%'> 
    <option value="1">disable</option> 
    <option value="2">enable</option> 
</select> 
<select name="Name2" id="Name2" style='width:45%'> 
    <option value="d">David</option> 
    <option value="b">Bob</option> 
</select> 

내 JS 스크립트는 아래와 같이 그것이 설정하는 것입니다 :

$(document).ready(function(){ 
    $('#Name,#Name2').select2(); 
    $('#Name').change(function(){ 
    var val = $(this).val(); 
    if(val==1) 
    { 
     $('#Name2').attr('readonly','readonly'); 
    }else 
    { 
     $('#Name2').removeAttr('readonly'); 
    } 
    }) 
}) 

그러나, 스크립트가 위의 선택 2 옵션 작동하지 않지만 텍스트 상자에 문제가 없습니다. (Fiddlejs)

일부 소스를 검색하려고 시도했지만 here하지만 도움이되지 않았습니다.

감사합니다.

Answer 1

1. 사용 .prop()이 값을 기준으로 비활성화 여부를 설정합니다

$(document).ready(function() { 
 
    
 
    $('#Name').change(function() { 
 
    var val = $(this).val(); 
 
    $('#Name2').prop('disabled', val == 1);//prop disabled 
 

 
    }).change(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="Name" id="Name" style='width:45%'> 
 
    <option value="1">disable</option> 
 
    <option value="2">enable</option> 
 
</select> 
 
<select name="Name2" id="Name2" style='width:45%'> 
 
    <option value="d">David</option> 
 
    <option value="b">Bob</option> 
 
</select>

Answer 2

사용 jQuery를 선택 2를 가능하게하는이 비활성화에 대한
$('#Name2').prop("disabled", true) 및
$('#Name2').prop("disabled", false) 같은 .prop() 방법 .

여기에 (Fiddlejs)