2012-01-15 2 views
2

가능한 중복 :
Disable select option in IOS Safari콤보 상자 옵션을 비활성화하지 않고 선택 취소 할 수 있습니까?

사파리 모바일 브라우저 이후 나는 선택 상자 옵션을 통해 할 수있다 사용할 보이게하기 위해 다른 방법을 찾고 있어요 따라서 속성 비활성화 = "비활성화"지원하지 않습니다 이벤트 또는 다른 방법으로 주위에?

<select> 
<option value="monthly" disabled="disabled">Month</option> <!-- do not get disabled on iphone --> 
<option value="yearly">Yearly</option> 
</select> 

감사합니다.

+0

아주 좋은 해결책은 아니므로 대답으로 제안하지는 않겠지 만 라디오 버튼을 사용할 수는 있지만 별도의 그룹으로 구성 할 수 있습니다. 이것은 선택 만 할 수 있고 선택을 취소 할 수없는 체크 박스처럼 작동합니다. 그것은 미숙한데 나는 그것을 권하고 싶지는 않지만 옵션이다. –

+0

@MindWorX 라디오 btn으로 요소를 변경하고 싶지 않으므로 모든 솔루션을 게시하십시오 (예 또는 아니요) 도움이 될 것입니다. 감사합니다. –

답변

2

당신은을 추가 할 수 있습니다

onchange="selectValidate(this, 1)" 

당신의 HTML에 다음 자바 스크립트 :

function selectValidate(refSelect, defaultIndex) 
{ 
    if(refSelect.options[refSelect.selectedIndex].hasAttribute("disabled")) 
    { 
      alert("You can't select that value"); 
      refSelect.selectedIndex=defaultIndex; 
    } 
} 

시험하지 만 작동합니다. 난 당신이 중지 된 항목을 지정하기 위해 CSS를 사용할 수 있다고 생각

: 모양과 느낌에 대한


.

예 :

select option[disabled] 
{ 
    background-color:#FBFBFB; 
} 

가 CSS를 지원하기로했다 이후뿐만 아니라 사파리에서 작동 할 수 있습니다.

0

jquery 콤보 상자 플러그인을 사용 하시겠습니까? 나는 goodled에 대한 this one 그리고 그것은 귀하의 요구 사항에 맞게 보인다.

관련 문제