Question

我有一个表单，其中有一个下拉列表和几个文本字段。在同一页面中，我在表单下方创建了一个表格，以显示表单中插入的数据。此表在开头是空的，现在，我想要做的是只显示与下拉列表中所选项目相关的记录。为了澄清事情，让我举一个简单的例子：

下拉列表=＆gt;客户列表
表格=＆gt;客户详情

选择客户后，他的详细信息必须出现在表格中。那么，如何制作这个？

Answer 1

你可以这样做，

<select name="demo" id="demo" onchange="callAjax();">

<强> JS / Jquery的

function callAjax() {
    $.ajax({
        type: 'GET',
        url: destinationUrl, // call your php file
        data: content, // pass the parameters needed in php, select option values
        cache: false,
        success: function (data) { // echo the table html from your php file
            $('#SuccessDiv').html(data); //data is populated in `successDiv`
        }
    });
}

Answer 2

试试这个

<select onchange="return getval(this);">
<option value="">Select</option>
<option value="1">One</option>
<option value="2">Two</option>
</select>
<div id="clientdetails"></div>
<script type="text/javascript">
function getval(sel) {
   var client = sel.value;
    var htm = $.ajax({
    type: "POST",
    url: "client.php",
    data: "client=" + client,
    async: false
    }).responseText;

    if(htm)
    {
        $("#clientdetails").html(htm);
        return true;
        // Uncomment the following line in your application
        //return true;
    }
    else
    {
        $("#clientdetails").html("no result found");

        return false;
    }
}

PHP代码

<?php
// database connection
$client_id = $_REQUEST['client'];
$sql = mysql_query("select * from your_table where your_id =".$client_id);
$res=mysql_fetch_assoc($sql);
echo "Client_id :" .$res['id'];
......
?>

更新选择更改的表格

2 个答案: