javascript - 不点击提交按钮的下拉选择

Question

我不知道从哪里开始，如果有任何类似我的问题，我很乐意得到一些想法!基本上这个问题说明了一切，这就是我想要的:

我有一个简单的下拉菜单。当在该下拉菜单中进行选择时，将运行一个 php mysql 查询，其中数据库将使用该值进行更新。我拥有所有组件，我只需要能够启动它的代码。

例如，当您在表单上点击提交时，您通常会输入:

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

//grab information and insert into db

}

如何在不单击提交按钮的情况下为下拉选择执行此操作。

Answer 1

你应该找这样的东西

<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
?>