php - 使用 javascript 更改表单操作

Question

我有一个表单，其操作最初是刷新页面。但我需要一个按钮来提交数据并更改表单的操作。我尝试过使用下面的 JavaScript:

<form id="form1" name="form1" action="" method="post">

按钮

<input type="button" class="submit" value="Save" onchange="submitForm()" />

JavaScript

function submitForm(){
    document.getElementById('form1').action = <?echo base_url().'index.php/folder/controller/controller_function/';?>;
    document.getElementById('form1').submit();
}

当我单击按钮时，没有任何反应。我还尝试在表单的操作中使用 if/else 语句，但这也不起作用:

<form id="form1" name="form1" action="<?if(isset($_POST['saveButton'])){echo base_url().'index.php/folder/controller/controller_function/';} else{echo "";}?>" method="post">

Answer 1

首先，JavaScript 中的值应该被引用，因为它是一个字符串:

function submitForm(){
    document.getElementById('form1').action = '<?echo base_url().'index.php/folder/controller/controller_function/';?>';
    document.getElementById('form1').submit();
}

其次，您在按钮的 change 事件上触发该函数，这可能不起作用，因为按钮不会更改。尝试在表单本身上绑定(bind)到 submit 事件:

<form id="form1" name="form1" action="" method="post" onsubmit='submitForm();'>

但我会在 JavaScript 中使用事件监听器来完成此操作:

document.getElementById('form1').addEventListener('submit', function(e) {
    e.preventDefault();
    this.action = '<?echo base_url().'index.php/folder/controller/controller_function/';?>';
    this.submit();
}, false);