javascript提交不提交

Question

我的脑海里有这样的想法：

<SCRIPT>
function submitFunction(i) {
   if (i==1) {
    alert('1');
    document.sales_order_details.action="/sales/_order";
    document.sales_order_details.submit()
    } 
    if (i==2) {
      alert('2');
      document.sales_order_details.action="/sales/delete_order";
      document.sales_order_details.submit()
    }
   }
</SCRIPT>

在我的身体里还有以下内容：

<form id="sales_order_details" action="/sales/delete_order" method="post">
<INPUT TYPE="button" VALUE="Edit Order" onClick="submitFunction(1)">
<INPUT TYPE="button" VALUE="Delete Order" onClick="submitFunction(2)">
</form>

“%2”或“%1”的警报正确显示，但表单未提交。

任何建议。

谢谢

Answer 1

在您的javascript函数中尝试以下代码：

function submitFunction(i) {
    var form = document.getElementById('sales_order_details');

    if (i == 1)
        form.action = "/sales/_order";
    else if (i == 2)
        form.action = "/sales/delete_order";

    form.submit();
}

Answer 2

您错误地访问了java脚本对象层次结构。在document之后，您应该访问form以使您的代码正常工作，请参见以下内容:并且您应该使用form标记中的name属性来运行此代码。

<SCRIPT>
function submitFunction(i) {
   if (i==1) {
    alert('1');
    document.form.sales_order_details.action="/sales/_order";
    document.form.sales_order_details.submit()
    } 
    if (i==2) {
      alert('2');
      document.form.sales_order_details.action="/sales/delete_order";
      document.form.sales_order_details.submit()
    }
   }
</SCRIPT>

html表单：

<form name="sales_order_details" action="/sales/delete_order" method="post">
<INPUT TYPE="button" VALUE="Edit Order" onClick="submitFunction(1)">
<INPUT TYPE="button" VALUE="Delete Order" onClick="submitFunction(2)">
</form>

或者：

您可以使用表单索引号来访问javascript中的表单对象。像document.form[0].action一样

Answer 3

变化

document.sales_order_details.submit()

至

document.forms['sales_order_details'].submit();

您的表单将正确提交。