a http://img62.imageshack.us/img62/5582/20704606.jpg
上方的下拉菜单有3个值;
i) Staf DC
ii) Admin
iii) Staf DT
“所有者”列值(hafiz)来自数据库。下拉列表中的每个值都有不同的“所有者”值。我希望这样做。
如果选择了Staf DC,它将运行以下查询:
$query = "SELECT * FROM owner where type='Staf DC'";
如果选择管理员,它将运行以下查询:
$query = "SELECT * FROM owner where type='Admin'";
此外,表中“所有者”列上的值应自动更改,而无需刷新页面。有人可以给我示范一个例子吗?
最佳答案
下面的代码在下拉列表的onchange中调用jquery函数。 jQuery函数将所选的下拉值传递到getdata.php,对其进行处理并回显所有者名称。然后,所有者名称将显示在标签框中。
下拉代码
echo '<table><tr><td>ModelNo.</td><td>';
echo "<select id='typeval' onchange='changeOwner();'>";
echo "<option value='Staf DC'>Staf DC</option>";
echo '</select></td>';
echo "<td><label id='own'>hafiz</label></td></tr></table>";
jQuery代码
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function changeOwner()
{
var selname = $("#typeval option:selected").val();
$.ajax({ url: "getdata.php",
data: {"selname":selname},
type: 'post',
success: function(output) {
$("#own").html(output);
}
});
}
</script>
php代码(getdata.php);
$selname = $_POST['selname'];
$query = "SELECT * FROM owner where type='$selname'";
$res = mysql_query($query);
$rows = mysql_fetch_array($res);
echo $rows['owner']; //assumed that the column name in db is owner