使用一个表单向不同的操作发送相同的输入

Question

我有两个输入字段,我想将相同的数据发布到两个不同的php文件,具体取决于点击的按钮.

在我的情况下,数据foo.php仅进入,但不进入excel.php.

如果按下第二个按钮,我希望数据转到excel.php.

---

JS:

$(function() {

  $("#from").datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    onClose: function(selectedDate) {
      $("#to").datepicker("option", "minDate", selectedDate);
    }
  });

  $("#to").datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    onClose: function(selectedDate) {
      $("#from").datepicker("option", "maxDate", selectedDate);
    }
  });

});

HTML:

<form action="foo.php" method="post">
     <label for="from">From</label>
     <input type="text" id="from" name="from" />

     <label for="to">to</label>
     <input type="text" id="to" name="to" /> <br>

     <input type="submit" value="Viewchart">
</form>

<form action="excel.php" method="post">
     <input type="submit" value="Download Excel file">
</form>

Answer 1

action单击按钮时可以更改属性,如下所示:

$(function() { 
    $( ".actionable" ).click( function() {
        $('#myForm').attr('action', $(this).data("action"));
        $('#myForm').submit();
    });
});

并data-*为您的按钮设置下一个属性:

<form name="form" id="myForm" method="post">
    <input type="submit" class="actionable" value="Viewchart" data-action="foo.php"/>
    <input type="submit" class="actionable" value="Excel" data-action="excel.php"/>
</form>

你可以在这里看到它是如何工作的.

相关链接:

• 您可以在data-*此处阅读有关属性的更多信息:http://www.w3schools.com/tags/att_global_data.asp

OP的澄清:

所述$( function() {} );块以换算$(document).ready( function() {} );-指定一个函数来执行当DOM完全加载; 你应该把所有与DOM元素交互的代码放在里面.