Question

我是JavaScript的新手，并寻求一些帮助。我有一个带有5个选项的选择下拉表单。

<form accept-charset="UTF-8" action="" method="post" onclick="javascript:location.href = this.value;">

<input id="name" name="name" size="30" type="text" value="Type your name">

<select id="option" name="Region" >
   <option value="value1.html">Option1</option>
   <option value="value2.html">Option2</option>
   <option value="value3.html">Option3</option>
   <option value="value3.html">Option4</option>
   <option value="value3.html">Option5</option>
</select>

<input type="submit" id="submit" value="Submit">

</form>

这个Javascript：

<script type="text/javascript">
    window.onload = function(){
        location.href=document.getElementById("option").value;
    }       
</script>

我尝试了这个，在提交表单后无法重定向到我想要的页面！有任何想法吗？我需要这种形式才能工作，如果我能用PHP或JavaScript做这件事就无所谓了。

Answer 1

在您有机会做出选择之前，您的window.onload会立即执行。

<form onsubmit="return mysubmit();">
<select id="option" name="Region" >
   <option value="value1.html">Option1</option>
   <option value="value2.html">Option2</option>
   <option value="value3.html">Option3</option>
   <option value="value3.html">Option4</option>
   <option value="value3.html">Option5</option>
</select>

<input type="submit" id="submit" value="Submit">

</form>

<script>
function mysubmit(){
  //you can return false; here to prevent the form being submitted
  //useful if you want to validate the form

  window.location.href=document.getElementById('option').value;
}
</script>

根据select选项元素将表单重定向到不同的URL，但在我提交表单后

1 个答案: