jquery에서 제거 작업을 수행하는 방법

Question

두 가지 사항을 변경하고 싶습니다.

  var selectedOption = jQuery("#modulesDrop option:selected"); 
      selectedOption.appendTo($("#moduleselect")); 
      $('option.red').appendTo($("#moduleselect")); 

1. 은 어떻게 selectedOption이 #moduleDrop 및 #moduleselect으로부터 제거 할 수 있습니다.

2. 나는 의 내용이 비어 있다면 #moduleselect에 추가하기를 원합니다.

#moduleSelect은 '#modules 드롭'이 드롭 다운 메뉴 인 반면 다중 선택 상자입니다. 당신은 드롭 다운 메뉴를 볼 수

1. 이, 드롭 다운 메뉴에서 과목을 선택

   다음은 간단하게 바이올린을 사용하는 단계를 따르 jsfiddle에게

   http://jsfiddle.net/DfSGE/6/

   입니다.

2. 드롭 다운 메뉴에서 선택한 코스의 세부 정보가 표시됩니다. "모듈 삭제"제출 버튼을 클릭하십시오.
3. 확인 상자를 확인하십시오. 아니 미주리에서 발생하지만 드롭 다운 메뉴에서 선택한 모듈이

Answer 1

"가 어떻게이 selectedOption이 #moduleDrop 및 #moduleselect에서 제거 할 수 있습니다."

var selectedOption = $("#modulesDrop").val(); 
$("#modulesDrop option[value='" + selectedOption + "']").remove(); 
$("#moduleselect option[value='" + selectedOption + "']").remove();​ 

"내가 클래스 $를 ('option.red') #moduleselect의 내용이 비어 있으면 #moduleselect에 추가하기 만하면됩니다. "

$('#moduleselect:not(:has(option))').addClass('red'); 

Answer 2

사용 JQuery와 .remove()

이 선택한 요소를 제거합니다 드롭 다운 메뉴에서와 선택 상자에서 제거되어야 할 DOM에서.

http://api.jquery.com/remove/