하위 옵션으로 옵션을 수행하는 방법은 무엇입니까?

Question

옵션 및 하위 옵션이있는 select를 만들고 싶습니다. 예를 들어

, 내가 좋아하는 유사한 형태가있는 경우이 하나

array(
    "parent" => "1" 
); 

:

<form method="post" action="processor.php"> 
    <select name="mySelect"> 
    <option value="1">Parent option 1</option> 
     <option value="1">Child option 1 of parent 1</option> 
     <option value="2">Child option 2 of parent 1</option> 
     <option value="3">Child option 3 of parent 1</option> 
    <option value="2">Parent option 1</option> 
     <option value="1">Child option 1 of parent 2</option> 
     <option value="2">Child option 2 of parent 2</option> 
     <option value="3">Child option 3 of parent 2</option> 
    </select> 
    <input type="submit" value="Send" /> 
</form> 

사용자가 Parent 1 옵션을 선택하면 내가 좋아하는 것,이 하나의 같은 배열을받을 그리고 Child option 3 of parent 2 옵션을 선택하면 다음과 같은 배열이 표시됩니다.

array(
    "parent" => "2" 
    "child" => "3" 
); 

어떻게 이것을 수행 할 수 있습니까? 내가 parent_2|child_3 같은 것을 보내고 폭발시킬 수는 있지만 이것이 최선의 방법은 아니라고 생각합니다.

Answer 1

<select> 태그는 중첩 된 옵션을 지원하지 않습니다. groups을 지원하지만 실제 계층 구조는 지원하지 않습니다.

중첩 목록을 사용하여 같은 유형의 기능을 수행하는 JavaScript 기반 대체품을 사용할 수 있습니다. 이 옵션을 탐색 할 수 있습니다.

Answer 2

자바 스크립트를 사용하여 선택한 값을 얻을에 제출 한 후 다음 애니메이션 (숨기기, 쇼를) 할 일을 몇 가지 JQuery와 또는 자바 스크립트와 CSS를 넣어 대신 "<select>"의 "<ul>"태그를 사용하여 시도하거나 이런 식으로 작업을 수행합니다

Best way to submit UL via POST?

환호!

Answer 3

저는 여러분이 선택 자라기보다는 자바 스크립트 기반의 트리 컨트롤을 사용하면 훨씬 도움이된다고 생각합니다. 당신은 무한한 수준의 계층 구조를 가질 수 있으며 선택 메커니즘은 당신이 찾고있는 것일 것입니다.

당신은, DHTMLX Tree 예를 들어 살펴, 주어진 적이 있습니까?