php - 下拉菜单的动态变量onchange

Question

a http://img62.imageshack.us/img62/5582/20704606.jpg

上面的下拉菜单有 3 个值；

i)   Staf DC   
ii)  Admin
iii) Staf DT

“所有者”列值 (hafiz) 来自数据库。 downdown 中的每个值都有不同的“所有者”值。我希望它像这样完成；

如果选择了 Staf DC，它将运行此查询:

$query = "SELECT * FROM owner where type='Staf DC'";

如果选择管理员，它将运行此查询:

 $query = "SELECT * FROM owner where type='Admin'";

此外，表中“所有者”列的值应自动更改，无需刷新页面。有人可以告诉我如何执行此操作的示例吗？

Answer 1

下面的代码在下拉菜单的 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