更新所选变更表

Question

我有一个表单，其中有一个下拉列表和几个文本字段。 在同一页面中，我在窗体下创建了一个表格以显示插入的数据。 这张表在开始时是空的，现在，我想要做的就是只显示与下拉列表中选定项目相关的记录。 为了澄清的事情，让我给你一个简单的例子：客户

• 下拉列表=>列表
• 表=>客户端信息

一旦我选择一个客户，他的细节必须出现在表格中。 那么，如何做到这一点？

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']; 
...... 
?>