2013-09-07 5 views
0

비교적 간단한 필요성이 있습니다. 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는 명확성을 위해 예를 포함시켰다. 어떤 아이디어가 좋을 것입니다!

답변

1

각 숨겨진 필드에 disabled="disabled" 속성을 추가하여 서버로 전송하지 못하도록 할 수 있습니다.

아이디어는 다음에서 가져온 것입니다. Answer