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 =＆＃39; idno＆＃39 ;

请帮帮我们..

修改

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

<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

你可以通过一个好的旧html和一个提交按钮以及一个将值提交给php脚本的表单来执行此操作，该脚本将返回带有更新值的表单。但是如果你想要它更“酷”，你需要使用javaScript来监听输入上的变更事件，以便向php脚本发送ajax请求并接收查询结果，以便在html站点上显示它。要搜索的关键字是事件侦听器和ajax。有很多关于如何在www。

中做到这一点的教程

Answer 2

您应该记住的要点：

1）不要使用密钥而是使用更改或输入它会好得多

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']; }

希望有所帮助：）

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

2 个答案: