2013-01-24 4 views
2

아래 양식에 문제가 있습니다. <select> 드롭 다운과 submit 버튼 만 있습니다. 사용자가 옵션을 선택하고 양식을 제출하면 인라인 자바 스크립트는 해당 값을 가져 와서 그에 따라 사용자를 리디렉션해야합니다. 아래의 인라인 자바 스크립트를 시도했지만 클래스 또는 ID를 사용하지 않고 폼 내에서 드롭 다운을 선택하는 방법을 모르겠습니다.드롭 다운 옵션을 사용하여 제출시 양식 리디렉션 URL 값

<form onsubmit="var sel = select; window.location.replace = sel.options[sel.selectedIndex].value; return false;"> 
    <select> 
     <option>Menu</option> 
     <option value="http://someurl...">Label</option> 
     <option value="http://someurl...">Label</option> 
     <option value="http://someurl...">Label</option> 
     <option value="http://someurl...">Label</option> 
     <option value="http://someurl...">Label</option> 
    </select> 
    <input class="btn" type="submit" value="Go"> 
</form> 

주 :

    내가 같은 페이지에 이런 형태의 이상을 가질 수와 나는 많은 ID 또는 클래스를 사용하는 싶습니다
  • - 난 그냥 내부 선택을 사용하여 원하는 양식은 인라인 자바 스크립트입니다.
  • 나는 이것이 단지 selectonchange을 사용하여 수행 할 수 있음을 알고 있습니다. (그렇게하기 위해 성취했으나, 유용성이 버튼을 포함하는 것이 더 좋을 것 같습니다.)
  • 내가이 POST없이 자바 스크립트를 사용하여 수행 할 수 있다는 것을 알고 당신이 this를 통해 액세스 할 수있는 속성 onsubmit 양식에있어 이후
+1

var sel = this.getElementsByTagName ('select') [0]; ' – Musa

+0

덕분에 하나가 작동했습니다! 답변으로 의견을 기재하면 제 질문에 대한 올바른 대답으로 표시됩니다. 다시 한 번 감사드립니다. – unfulvio

답변

관련 문제