jQuery : 선택 및 비활성화 된 옵션을 다시 활성화하십시오.

Question

추가 된 목록에서 "제거 된"드롭 다운 목록에서 선택한 옵션과 비활성화 된 옵션을 다시 활성화하려고합니다. 아무도 도와주세요. 미리 감사드립니다. 다음은 내가 지금까지 가지고있는 것이며, 여기 http://jsfiddle.net/N2jyy/2/ 데모 페이지입니다.

$(document).ready(function() { 
    $('#Add-btn').live('click',function() { 
     $(document.body).append($("<div>")); 
      var a = $('#a').val(); 
      $("#tabName tr:first").before("<tr><td class='greyed'><input type='hidden' name='added_a' value='" + a + "'>" + a + "</td><td style='background:transparent;'><input type='button' class='delete' value='Remove'></td></tr>"); 
      $("#a option:selected").attr("disabled", true); 
    }); 
    $('#tabName td .delete').live('click',function() { 
     // here I want to re-enable the select option ...removeAttr('disabled'); 
     $(this).parent().parent().remove(); 
     return false; 
    }); 
});​ 

Answer 1

당신은 이런 식으로 작업을 수행 할 수 있습니다

Give it a try here

$('#tabName td .delete').live('click',function() { 
    var val = $(this).closest('tr').remove().find('input').val(); 
    $("#a option[value='" + val + "']").attr("disabled", false); 
    return false; 
}); 

, 어떤이가하는 동시에 <tr>을 제거하는 동안 그것이 <input>에 아래로 다음 <tr>까지 간다, 우리가있어 해당 값을 사용하여 다시 활성화 할 옵션을 선택하십시오.

Answer 2

단지의 대안으로, 당신은뿐만 아니라 인덱스하여이 작업을 수행 할 수 있습니다 : 굉장

$(document).ready(function() { 
    $('#Add-btn').live('click', function() { 
     $(document.body).append($("<div>")); 
     var a = $('#a').val(); 
     $("#tabName tr:first").before("<tr><td class='greyed'><input type='hidden' name='added_a' value='" + a + "'>" + a + "</td><td style='background:transparent;'><input type='button' class='delete' value='Remove'></td></tr>"); 
     $("#a option:selected").attr("disabled", true); 
    }); 
    $('#tabName td .delete').live('click', function() { 
     var delindex = $(this).parent().prev().find('input').val() - 1; 
     $("#a option:eq(" + delindex + ")").removeAttr("disabled"); 
     $(this).parent().parent().remove(); 
     return false; 
    }); 
});