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

时间:2012-12-16 15:14:14

标签: php mysql ajax drop-down-menu

我运行一个收集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,依此类推。

这可以实现,如果可以实现?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

如果你正在使用jQuery,你可以这样做:

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

选择器<select name="cym">的{​​{1}}将变为<select id="cym">。当然,这可以通过使用原始Javascript来实现,如果这是您首选的方法,您可以查看http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_first