2009-09-18 5 views

답변

3

Here은 목록을 선택/추가하는 방법을 설명하는 매우 멋진 기사입니다.

이 (사이트) 선택한 항목을 제거하는 기능입니다 :

function RemoveOption(){ 
    $("#SelectId option:selected").remove(); 
} 
+0

휴식을 취할 수 있습니다. 항목을 제거하여 루프를 중지 할 때 – Khodor

+0

해당 옵션을 반복하지 않고 select의 selectedIndex 속성을 사용하는 것이 더 효율적입니다. –

+0

제발이 코드는 사이트의 샘플입니다. – TheVillageIdiot

2

단일 선택 옵션을 삭제할 때문에, 당신은 할 수 :

function removeOptionSelected() 
{ 
    var elSel = document.getElementById('selectX');//selectX IS ID OF SELECT 
    var i; 
    for (i = elSel.length - 1; i>=0; i--) { 
    if (elSel.options[i].selected) { 
     elSel.remove(i); 
     break;//As suggested in comments 
    } 
    } 
} 

이것은 내가했을 무엇인가 용이 :

:

select.remove 함수를 사용하여 소자를 분리

또는 DOM 조작에 의해:

var el = document.getElementById('selectId'); 
el.removeChild(el.options[el.selectedIndex]); 

확인 예 here을.

-1

그것에게 jQuery 방법을 수행 :

내가 아는
<html> 
<head> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       $("#myButton").click(function(){ 
        $("#mySelect option:selected").remove(); 
       }); 
      }); 
     </script> 
</head> 
<body> 
    <select id="mySelect"> 
     <option value="1">One</option> 
     <option value="2">Two</option> 
     <option value="3">Three</option> 
     <option value="4">Four</option> 
    </select> 

    <input type="button" id="myButton" value="remove"/> 
</body> 
</html> 

, 아무도 jQuery를 요구하지 않지만 이럴 아무도해야 jQuery를하지 않고 DOM + 자바 스크립트 더 이상!

+1

jQuery는이 단순한 무언가에 대한 엄청난 잔인 함이며 jQuery 코드를 작성하는 방법 외에는 실제로 배우지 못하게합니다. –

+0

@Tim Down : 나는 동의하지 않는다. jQuery 학습에 나쁜 점은 무엇입니까? 제 생각에는 jQuery와 JavaScript를 배우는 것이 좋지만 DOM은 자세히 배우지 않는 것입니다. 기본 바이트 코드를 배우지 않고 Java를 작성하는 것과 같습니다. 완전히 괜찮습니다. 또는 가비지 수집을 사용하여 언어를 배우고 모든 메모리 내용을 자세하게 다루지 않아도됩니다. 게다가 구글 코드 나 jquery.com과 같은 일반적인 장소에서 스크립트를 간단하게 링크한다면 사용자는 이미 캐시 된 버전을 가지고있을 가능성이 크다. –

관련 문제