자바 스크립트로 리디렉션하려고합니다.

Question

저는 자바 스크립트에 익숙하지 않으며 입력 유형에 따라 다른 이벤트가 발생하도록 노력하고 있습니다. 나는 내 HTML 헤더에 다음과 같은 한 :

<select name="destination"> 
<option value="current_builds">Current Builds</option> 
<option value="deprecated">Deprecated Files</option> 
<option value="mailing_list">Mailing List</option> 
</select><br/> 
<input type="button" value="next >" onClick="validateForm()" /> 

이 있지만하지 않는 것을 :

<script type="text/javascript"> 
    function validateForm(){ 
    var val=document.getElementsByName("destination"); 
    if (val == "deprecated"){ 
     window.location="http://website.com/"; 
    } 
    } 
</script> 

그런 다음 몸에, 나는 다음과 같은 수 있습니다. 그것은 단지 같은 페이지에 머물러 있습니다.

<form name="my_form" onSubmit="validateForm()"> 
... 
</form> 

를 다음 일치 자바 스크립트를 갖는 : 나는 또한 말하여 양식 태그 내부에 그것을 포장 시도

var val = document.forms["my_form"]["destination"].value 

을하지만이 중 하나가 작동하지 않았다.

누구든지 문제가 무엇인지 확인하십시오. 감사합니다. .

Answer 1

로 평가되면 당신의 if에 alert(val)보고 유타 :

function validateForm(){ 
    var val=document.getElementsByName("destination"); 
    var theSelectedOption = val[0].options[val[0].selectedIndex].value; 
    if (theSelectedOption == "deprecated"){ 
     window.location="http://website.com/"; 
    } 
    } 

Answer 2

선택한 옵션에서 값을 가져와야합니다. 좋아요 :

var index = document.getElementsByName("destination").selectedIndex; 
var val=document.getElementsByName("destination").options[index].value; 

그러면 선택한 옵션의 값이 검색됩니다.

Answer 3

선택한 요소에서 값을 가져와야합니다.

window.location.href = 'URL'; 

Answer 4

를 사용하려고하면 사용하고자하는

val=document.getElementsById("destination").value; 

p 지금까지 내가 당신의 기능을 수정하고 테스트 진정한

Answer 5

을 다음

<select name="destination" id="destination"> 

자바 스크립트를 수행 document.getElementsByName가 배열을 반환하기 때문에, 당신은 href 속성이 누락이

var val = ​document.getElementsByName("destination")​​​​​[0].value 

Answer 6

대신 이름 아이디의 그것을 시도에 id는 고유 한 요소입니다. 자바 스크립트는

var destination = document.getElementById("destination"); 
if (destination.options[destination.selectedIndex].value == "deprecated"){ 
    window.location="http://website.com/"; 
} 

HTML

<select id="destination"> 
    <option value="current_builds">Current Builds</option> 
    <option value="deprecated">Deprecated Files</option> 
    <option value="mailing_list">Mailing List</option> 
</select> 
<br /> 
<input type="button" value="next &gt;" onclick="javascript:validateForm();" /> 

Answer 7

jQuery를

Redirect using drop down

<form name="my_form"> 
    <select id="destination"> 
    <option value="current_builds">Current Builds</option> 
    <option value="deprecated">Deprecated Files</option> 
    <option value="mailing_list">Mailing List</option> 
    </select><br/> 
    <input type="button" value="next >" id="submit"> 
</form> 

012의 조금에 이것을 시도 지원

$('#submit').click(
    function validateForm(){ 
    var e = document.getElementById("destination"); 
    var val = e.options[e.selectedIndex].value; 

    if (val == "deprecated"){ 
    window.location="http://website.com/"; 
    } 
});