HTML을 사용하면 클래스와 ID가 있습니다. 내가 아는 것처럼 페이지에 원하는만큼 많은 클래스를 가질 수 있지만 한 페이지에 둘 이상의 ID를 가질 수는 없습니다. 여기에 문제가 있습니다. HTML 페이지에는 둘 이상의 ID가 없어야합니다.
그 이유는 ID가 페이지의 단일 요소를 식별하는 데 사용되기 때문입니다 (표시되지 않더라도 존재하지 않는다는 의미는 아닙니다.
옵션 ID가 모두 다르도록 이름을 바꿔야합니다.
-------------------모든 태그에 고유 한 ID가 있어도 숨겨진 옵션은 키보드로 선택됩니다. 이를 방지하려면 요소도 비활성화해야합니다.
<select id='myselect'>
<option id='a'>a</option>
<option id='b' disabled style ='display:none'>b</option>
<option id='c'>c</option>
<option id='b2'>b</option>
</select>
jquery 1.6 이상에서는 .prop('disabled',false)하위 버전의 경우을 사용하여 수행 할 수 있습니다..attr('disabled','disabled')
질문이 조금 오래되었다는 것을 알고 있지만 비슷한 상황이 발생하여이 질문이 계속 나타났습니다 ...
편집 : 옵션 태그 숨기기는 firefox에서만 작동하는 것 같습니다. 더 나은 호환성을 위해 옵션을 숨기는 대신 제거해야합니다.
출처
https://stackoverflow.com/questions/7415073