2016-08-02 52 views
1

我不知道从哪里开始,如果有类似的问题,我会很高兴得到一些想法!基本上这个问题说明了一切,这里是我想要的:没有点击提交按钮的下拉选择

我有一个简单的下拉菜单。当在该下拉菜单中进行选择时,会运行一个php mysql查询,其中数据库将使用该值进行更新。我拥有所有的东西,我所需要的是能够完全解决问题的代码。

举例来说,当你点击提交表单上您通常会打字了:

if (isset($_POST['submit'])) 
{ 

//grab information and insert into db 

} 

我怎么会做这样的一个下拉选择,而无需点击提交按钮。

+1

use oncha nge http://www.w3schools.com/jsref/event_onchange.asp – Nagaraju

+1

你可以使用onchange和AJAX查询。 –

+2

[提交表单而不提交按钮]可能的重复(http://stackoverflow.com/questions/35867818/submit-the-form-without-submit-button) – Epodax

回答

0

你应该寻找这样的事情

<form id="testform"> 
<select id="yourselect" name="yourselect" onChange="updateDb()"> 
<option value="somevalue">Please select</option> 
<option value="somevalue1">Something</option> 
</select> 
</form> 

你的JavaScript函数看起来像这样

function updateDb() { 
// I am using jquery for ajax 
$.post("yourserverhandle.php", $("#testform").serialize()); 
} 

这该是多么的 “yourserverhandle.php”看起来像

<?php 
$query = "update yourtable set something='".mysql_escape_string($_POST["yourselect"])."' where id='something'"; 
.... mysql connect, execute 
?> 
0

就下降一个Ajax调用下来样变:

$('#dropdown').change(function(){ 
    // ajax call 
}); 
+0

没有工作,当我在下拉菜单中进行选择时没有任何反应。 – Jason

0

使用jQuery/JavaScript的onchange事件上下拉列表中执行任何类型的操作。使用方法如下:

$("#select_id").on('change',function(){ 
$.post('code url',{paramenters to be stored},function(data){ 
alert('inserted'); 
}) 
});