如何将输入字段的输入值的查询结果显示到另一个输入字段

Question

基本上我想在输入字段中输入一个值。并基于该值，我想查询 sql 并将其值显示到另一个字段中（不刷新页面）。

HTML

<input name="idno[]" type="text" /><select name="curr[]"><option value=""></option></select><input name="amount[]" type="text" />
<input name="idno[]" type="text" /><select name="curr[]"><option value=""></option></select><input name="amount[]" type="text" />

所以，当我在输入字段 (name idno[]) 中输入值时，输入字段 (name curr[] 和 amount[] 将显示查询结果 ex: select * from table where id = 'idno'

请帮帮我..

编辑

这是我为静态输入字段运行的代码..

<form name="myForm">
<table width="50%" border="1">
<tr>
<td><input type="text"
onkeyup="ajaxFunction(this.value);" name="username" /></td>
<td>
<div id="displayDiv">
<table width="100%" border="0">
<tr>
<td><input type="text" name="curr"></td><td><input type="text" name="amount"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>

<script type="text/javascript">
function ajaxFunction(str)
{
    var httpxml;
    try
    {
        // Firefox, Opera 8.0+, Safari
        httpxml=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
    try
    {
        httpxml=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
        try
        {
            httpxml=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e)
        {
            alert("Your browser does not support AJAX!");
            return false;
        }
    }
}
function stateChanged()
{
    if(httpxml.readyState==4)
    {
        document.getElementById("displayDiv").innerHTML=httpxml.responseText;
    }
}
var url="cek.php";
url=url+"?txt="+str;
url=url+"&sid="+Math.random();
httpxml.onreadystatechange=stateChanged;
httpxml.open("GET",url,true);
httpxml.send(null);
}
</script>

您能否给我解决方案，以便它可以用于动态输入字段（我的意思是用于添加新输入字段等）

谢谢

Answer 1

您应该记住的要点：

1) 不要使用 key up 而是使用 change 或 input 更好

2) 对于附加或添加结果的实时搜索，您需要关注

事情

a) html

b) jQuery

c) sql

以下面的搜索人为例

JQUERY

    var name;

    $("body").on("input","#search_box_input",function(){
        name = $("#search_box_input").val();
        if(name !="")
        {
        $.post("../PHP/search_people.php",{name:name},function(returned_name)
        {
            $("#all_names_div").html(returned_name).fadeIn("slow");

        }); 
        }
    });

您的 PHP 和 SQL 查询应该是这样的：

$name = $_POST['name'];

$result = mysql_query("select * from people where name like '%$name%'");

while ($returned_name = mysql_fetch_array($result)) { echo $returned_name['name']; }

希望对你有帮助:)

Answer 2

您可以通过带有提交按钮和表单的旧 html 来执行此操作，该表单将值提交到 php 脚本，该脚本返回具有更新值的表单。但是，如果您希望它更“酷”一点，您需要使用 javaScript 来侦听输入上的更改事件，以向 php 脚本触发 ajax 请求并接收查询结果以将其显示在 html 站点上。要搜索的关键字是事件侦听器和 ajax。 www 中有大量关于如何做到这一点的教程。