Question

我有以下代码，因此根据所选的选项，访问者将被定向到更改的新页面。但是我希望他们在点击提交按钮后立即转到该页面，而不是立即更改。我怎么能这样做？

<script type="text/javascript"> 
function go()
{
window.location=document.getElementById("link").value
}
</script>
<form>
<select id="link" onchange="go()" > <option>DEFAULT</option>
  <option value="page1.php">TITLE1</option>
  <option value="page2.php">TITLE2</option>
  <option value="page3.php">TITLE3</option>
</select>

<div class="submit">  <input name="submit" type="image" id="submit" src="images/getaquotebutton.png"  height="93" width="259"/> </div><!--end of submit class-->

</form>

非常感谢提前

Answer 1

这很简单：

从此处删除onchange：

<select id="link" onchange="go()" >

而是添加：

<input onclick="go()" name="submit" type="image" id="submit" src="images/getaquotebutton.png"  height="93" width="259"/>

编辑：

注意到type设置为image，如果这不按预期工作，请尝试将type更改为button并通过css添加图片为：

<input onclick="go()" name="submit" type="button" id="submit" style="background-image: url('images/getaquotebutton.png'); height:93px; width:259px;" />

Answer 2

使用jQuery，您可以执行以下操作：

$('#submit').click(function(
    window.location=document.getElementById("link").value;
));

当然你应该删除onchange。

Answer 3

$(function() {

$('form').on('submit', function() {
    if($('#link').val() == page1.php) { 
        do redirect..
        }
    });
});

为每个人都这样做！

提交表单后转到选择的网址

3 个答案:

编辑：