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

10-07 19:48
查看更多