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

，您的表单将正确提交。

Answer 4

请尝试将“按钮”类型设置为“提交”。

javascript提交未提交

4 个答案: