0

我有这个表格。显示页面时似乎选择了第一个选项，但是当我提交时什么也没发生。如果我更改为选项二或三，然后返回选项一，那么当我推送提交时页面会重定向。

任何建议如何解决这个小“错误”

<form method="post" action=javascript:action; >
<select class="price" onChange="this.form.action=this.options[this.selectedIndex].value;">
<option selected="selected" value="cart.php?a=add&pid=72">Kr. 999.00,- årlig</option>
<option value="cart.php?a=add&pid=73">Kr. 999.00,- toårig</option>
<option value="cart.php?a=add&pid=74">Kr. 999.00,- treårig</option>
</select>
<input type="submit" value="Bestill" class="buy-now" />

现在我在下面显示了这段代码，但它没有重定向到新的 cart.php 页面。

这是完整的代码，jquery被加载到头文件中。

<script type="text/javascript">
$(document).ready(function(){
$("#cmbPrice").change(function(){
fnChangeFormAction();
});
fnChangeFormAction();
});
function fnChangeFormAction(){
var action = $("#cmbPrice").val();
$("#frmMyForm").attr("action", action);
}
</script>

<form method="post" name="frmMyForm" id="frmMyForm" action='' >
<select class="price" name="cmbPrice" id="cmbPrice">
<option selected="selected" value="cart.php?a=add&amp;pid=72">Kr. 700.00,- årlig</option>
<option value="cart.php?a=add&amp;pid=73">Kr. 1400.00,- toårig</option>
<option value="cart.php?a=add&amp;pid=74">Kr. 1800.00,- treårig</option>
</select>
<input type="submit" value="Bestill" class="buy-now" />
4

1 回答 1

0

当然，既然你想使用jquery我假设你已经包含了这个jquery库。如果没有，您可以在“head”部分添加这一行并使用最新版本jquery： 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

您可以使用googleapis托管版本，也可以将其托管jquery在您自己的网站上（不推荐）

在您的头部部分添加以下代码： 

<script type="text/javascript">
$(document).ready(function(){
  $("#cmbPrice").change(function(){
    fnChangeFormAction();
  });

  fnChangeFormAction();
});


function fnChangeFormAction(){
  var action = $("#cmbPrice").val();
  $("#frmMyForm").attr("action", action);
}
</script>

然后form像这样改变你：

<form method="post" name="frmMyForm" id="frmMyForm" action="">
<select class="price" name="cmbPrice" id="cmbPrice">
<option selected="selected" value="cart.php?a=add&pid=72">Kr. 999.00,- årlig</option>
<option value="cart.php?a=add&pid=73">Kr. 999.00,- toårig</option>
<option value="cart.php?a=add&pid=74">Kr. 999.00,- treårig</option>
</select>
<input type="submit" value="Bestill" class="buy-now" />
</form>

而已...

更新 - 简单的完整代码...

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#cmbPrice").change(function(){
    fnChangeFormAction();
    });

    fnChangeFormAction();
  });

  function fnChangeFormAction(){
    var action = $("#cmbPrice").val();
    $("#frmMyForm").attr("action", action);
  }
</script>
</head>

<body>
<form method="post" name="frmMyForm" id="frmMyForm" action='' >
<select class="price" name="cmbPrice" id="cmbPrice">
<option selected="selected" value="cart.php?a=add&amp;pid=72">Kr. 700.00,- årlig</option>
<option value="cart.php?a=add&amp;pid=73">Kr. 1400.00,- toårig</option>
<option value="cart.php?a=add&amp;pid=74">Kr. 1800.00,- treårig</option>
</select>
<input type="submit" value="Bestill" class="buy-now" />
</form>
</body>
</html>
于 2012-12-25T19:25:14.047 回答