javascript - 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以使您的代码工作后，请参阅以下内容：并且您应该使用标签中的name属性form来处理此代码。

<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();

并且您的表单将正确提交。