2012-10-09 3 views
2

선택으로 드롭 다운 메뉴에서 선택한 항목을 제거하지만 표시는 우리가 드롭 다운을 클릭하면 10,20,30,40내가 좋아하는 아래의 드롭 다운을

<select> 
<OPTION value="10" label="10"> 10 </OPTION> 
<OPTION value="20" label="20"> 20 </OPTION> 
<OPTION value="30" label="30"> 30 </OPTION> 
<OPTION value="40" label="40"> 40 </OPTION> 
</select> 

그것은, 10 선택된로 (10)를 표시 한 것이다 표시 , 20, 30, 40.

20을 선택하면 10이 선택되고 드롭 다운을 클릭하면 10,20,30,40이 표시됩니다.

이제 20을 선택하면 선택한대로 표시되지만 드롭 다운에서는 10,30,40 만 표시됩니다. 20은 선택된 장소에서만 표시되어야합니다.

이 기능을 구현할 방법이 있습니까?

+0

erm, 선택 상자의 목적을 무시하는 것과 같지 않습니까? – hjpotter92

+0

예, 가능하지 않습니다. 잘못된 정보가 너무 많아서 사용자가 혼동을 일으킬 가능성이 있습니다. 비록 클라이언트 측과 PHP와는 관계가 없지만 Javascript로 태그를 다시 붙이더라도 기록을 위해. – DaveRandom

+0

나중에 압니다. 그래서 나는이 질문을 여기에 넣었습니다. 그것을 할 수있는 방법이 있는지 확인하기 만하면됩니다. – RiksAndroid

답변

1

아니요, HTML은 그렇게 할 수있는 입력 요소를 제공하지 않습니다.

selected 속성의 속성 선택자를 사용하여 <OPTION>의 CSS를 사용하고 display를 none으로 설정할 수 있습니다. 그 브라우저를 속일 수 있습니다.

+0

ok ... 나는 이것을 시도 할 것이고 곧 여기에서 갱신 할 것이다. :) – RiksAndroid

+0

@RiksAndroid : 시도해보십시오. 나는 그것이 효과가 있다고 말할 수있다. 그러나 우리는 그것이 정말로 당신이 원하는 것을 원한다면 보게 될 것입니다. – hakre

+0

@RiksAndroid : 나는 바이올린을 만들었습니다. 가능한 변형이 더 있습니다. 그 중 4 가지를 볼 수 있습니다. http://jsfiddle.net/m9pA6/3/ - 아마 사용할 수 있습니다. – hakre

관련 문제