선택 태그에서 optgroup의 레이블을 선택하는 방법이 있습니까?

Question

이 선택 태그가 있다고 가정 해 보겠습니다. 드롭 다운에 나타나는 'Swedish Cars'옵션을 선택할 수 있습니까?

<select> 
    <optgroup label="Swedish Cars"> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
    </optgroup> 
    <optgroup label="German Cars"> 
     <option value="mercedes">Mercedes</option> 
     <option value="audi">Audi</option> 
    </optgroup> 
</select> 

만약 그렇다면 비슷한 것을 만들기에 좋은 제안 일 수 있으며 '스웨덴어 자동차'를 선택할 수 있습니까?

Answer 1

자바 스크립트 select이 도움이 될 수 있습니다.

처음에는 Swedish Cars, German Cars 등만 "상위"드롭 다운으로 표시하십시오. 부모가 선택되면 자식이 새 드롭 다운에 나타납니다.

강제로 사용자를 선택하지 마십시오.

이되어 더 나은이 페이지에 예시 : http://wimleers.com/demo/hierarchical-select/taxonomy - ... 최초 드롭 다운 시스템에서 당신은 의미

Answer 2

SELECT을 사용하여 포기하고 JavaScript를 사용하여 드롭 다운 대체에서 스타일이 적용된 정렬되지 않은 목록을 사용하면 SELECT처럼 동작해야합니다.