비교적 간단한 필요성이 있습니다. JS를 사용하여 만든 동적 드롭 다운을 포함하는 HTML 폼이 있습니다. 첫 번째 select
이 변경되면 두 번째 (종속) select
이 나타납니다. 예를 들어 첫 번째 select
에는 Ford, Toyota 및 Honda 옵션이 있습니다. 사용자가 "Ford"를 선택하면 다른 드롭 다운이 나타나고 사용자는 Ford에서 만든 모델 (예 : F150, Ranger, Fusion 등)을 선택할 수 있습니다. 종속 드롭 다운을 표시하거나 숨기려면 숨겨진 <span>
요소를 사용하고 있지만 보조 드롭 다운의 경우 모두 select name
이 동일합니다.양식 내에서 숨겨진 범위 무시
문제점은 양식을 제출할 때 "make"변수가 모두 $_GET
메소드를 통해 전달된다는 것입니다.
<span class="Ford">
<select name="make">
<option>F150</option>
<option>Ranger</option>
<option>Fusion</option>
</select>
</span>
<span class="Toyota">
<select name="make">
<option>Prius</option>
<option>Tacoma</option>
</select>
</span>
<span class="Honda">
<select name="make">
<option>Civic</option>
<option>Accord</option>
</select>
</span>
JS 함수 단지 I가 원하는 모든 현재 페이지에 표시되어있는 기간에 가변 전달은 .../적절한 경우 다양한 spans
숨겨 보여준다 I는 명확성을 위해 예를 포함시켰다. 어떤 아이디어가 좋을 것입니다!