2010-04-28 6 views
29

option 또는 optgroup HTML 요소를 숨기는 방법이 있습니까? jQuery에서 hide()을 호출 해 보았습니다. 또한 정규 자바 스크립트를 사용하여 style.display='none'을 설정했습니다.optgroup/option 요소를 숨기는 방법?

Firefox에서는 작동하지만 다른 어떤 브라우저에서는 작동하지 않습니다. DOM에서 실제로 제거하려면 일을합니다. 따라서 DOM 요소를 제거 할 때 각 DOM 요소를 저장하고 같은 위치에 다시 삽입하는 방법이 있을까요?

내 HTML은 다음과 같이이다 :

는 또 다른 예를 들어, 선택하십시오 :

<select name="propsearch[area]" id="propsearch_area"> 
    <option value="0">- Any -</option> 
    <optgroup label="Bristol"> 
     <option value="Hotwells">Hotwells</option> 
     <option value="Montpelier">Montpelier</option> 
    </optgroup> 
    <optgroup label="Cardiff"> 
     <option value="Heath">Heath</option> 
     <option value="Roath">Roath</option> 
    </optgroup> 
    <optgroup label="Exeter"> 
     <option value="Pennsylvania Road">Pennsylvania Road</option> 
     <option value="Lower North Street">Lower North Street</option> 
    </optgroup> 
    <optgroup label="Swansea"> 
     <option value="Brynmill">Brynmill</option> 
     <option value="Uplands">Uplands</option> 
    </optgroup> 
</select> 
+0

R0MANARMY가 정확하고 단지 비활성화 만하면 괜찮습니다. $ ('optgroup [label = Swansea]'). attr ('disabled', true)'는 정상적으로 작동하는 것 같습니다. –

+0

@MaxShawabkeh'

답변

11

내가이 솔루션은 나를 위해 잘 작동하는지 생각 이 숨겨진 선택에서 '숨기기'일부 OPTGROUP, 단지 '공원'을하고자 할 때

$("#footer_canvas").after('<select id="parkingLot"></select>'); 

는 다음

$("#parkingLot").hide(); 

을 숨 깁니다.

$('#VehicleVehicleCategoryId optgroup[label="kategorie L"]').appendTo("#parkingLot"); 

동일한 방식으로 표시 할 수 있습니다. 이것은 내 솔루션의 일부이며, 저에게는 잘 작동합니다.

+1

또 다른 방법은 숨겨진 선택 대신 조작 할 수있는 JSON 객체에 데이터를 저장하는 것입니다. – radtek

관련 문제