다른 드롭 다운 목록에서 항목을 선택했을 때 제거하십시오.

Question

다른 드롭 다운 목록에서 항목을 선택했을 때 드롭 다운 목록에서 해당 항목을 제거 할 수 있습니다. 페이지를로드 할 때마다 추가 버튼을 클릭하지 않으면 드롭 다운 목록이 1 개만 표시됩니다.

예 2 드롭 다운, dropdownA 및 dropdownB가 있고 dropdownA에서 항목을 클릭 한 경우 dropdownB에서 항목을 제거하고 드롭 다운 목록을 검도 컨테이너에 저장합니다. 누군가 나를 도울 수 있기를 바랍니다. 고맙습니다.

<select class="form-control required " name="acc"> 
      @foreach (Accessory acc in Acc) 
      { 
        <option value="@acc.id">@acc.name</option> 
      } 
     </select> 



function add() 
{ 
    kendo.ui.progress($(".acc-container"), false); 
    $.ajax({ 
     url: "/Acc/GetAccesory", 
     type: "POST", 
     data: { , 
     success: function (retdata) { 
      $(".acc-container").append(retdata); 
      $(".acc-container").append("<hr />"); 
      $(".accessory" + formindex).select2(); 
      kendo.ui.progress($(".acc-container"), false); 

      formindex++; 
     } 
    }); 
} 

Answer 1

당신처럼이 문제를 해결 할 수

$('#dropdown1').on('change', function() { 


var x = $('#dropdown1 :selected').text(); 

var selectobject=document.getElementById("dropdown2") 
    for (var i=0; i<selectobject.length; i++){ 
    if (selectobject.options[i].value == x) 
    selectobject.remove(i); 
    } 



})