如何在发布表单之前将下拉选择写入 mysql

Posted 2023-02-24

【中文标题】如何在发布表单之前将下拉选择写入 mysql

【英文标题】：How to write dropdown selections to mysql prior to posting the form

【发布时间】：2012-12-03 20:50:51

【问题描述】：

我运行一个收集 4 个值的简单表单，其中三个值列在下拉列表中。我想知道是否可以在提交表单之前将用户选择的值写入我的 mysql 表。

表格如下所示：

<form id="search" action="" method="POST">
<input id="field1" type="text" name="to" value="">
<select name="day">
<option value="">Day</option>
<option value="1"> 1</option>
<option value="2"> 2</option>
<option value="3"> 3</option>
</select>

<select name="cym">
<option selected="" value="">Month</option>
<option value="2012-12">December 2012</option>
<option value="2013-01">January 2013</option>
<option value="2013-02">February 2013</option>
</select>

<select name="nights">
<option value="">Nights</option>
<option value="1"> 1</option>
<option value="2"> 2</option>
<option value="3"> 3</option>
</select>

<button onclick="document.getElementById('search').submit();">Search!</button>`

所以，一旦用户选择'day'，我想将值写入mysql，一旦用户选择'cym'，我想将值写入mysql等等。

这可以实现吗？如果可以，如何实现？

【参考方案1】：

您可以将一些 onChange 事件绑定到选择元素。您可以轻松地为此使用 jQuery。看http://api.jquery.com/change/

【讨论】：

感谢 Thomas 提供相应文档的链接！该脚本现在可以完美运行！

【参考方案2】：

如果你使用 jQuery，你可以这样做：

 $("#cym").change(function () 
     $.ajax(
            url: 'serverUrl.php',
            success: function(data) 
             // nothing to be done here
            
            );
          );

<select name="cym"> 将变为 <select id="cym"> 以使选择器 $("#cym") 起作用。当然，这可以通过使用原始 javascript 来实现，如果这是您的首选方法，您可以查看 http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first。

【讨论】：

谢谢你，Ariel，这对我很有帮助！