如何显示输入域输入值到其他输入域的查询结果
How To Display Query Result From Entered Value of Input Field To Another Input Field
基本上我想在输入字段中输入一个值。基于这个值,我想查询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[])中输入值时,输入字段(namecurr[]和amount[])将显示查询结果,例如:从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>
你能给我解决方案吗,这样它就可以用于动态输入字段(我的意思是用于添加新的输入字段等)
感谢
您可以通过一个带有提交按钮的好的旧html和一个将值提交给php脚本的表单来实现这一点,php脚本将返回带有更新值的表单。但是,如果你想让它更"酷"一点,你需要使用javaScript来监听输入上的更改事件,以向php脚本发出ajax请求,并接收查询结果,以便将其显示回html网站。要搜索的关键字是事件侦听器和ajax。在www.
您应该记住的要点:
1) 不要使用密钥向上,而是使用更改或输入它是更好的
2) 对于附加或添加结果的实时搜索,您将需要以下
a) html
b) jquery
c) sql
以下面的搜索人员为例
查询
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'];
}
希望有帮助:)
相关文章:
- JQuery:当其他输入字段的值发生更改时更改值
- 输入类型=文件验证停止其他输入类型验证
- 如何根据其他日期的输入更新日期
- 用户名输入如果其他块不能正常工作/Javascript-jQuery-AJAX
- 单击其他元素或鼠标向上时隐藏输入框,但保留一次焦点
- 单击列表中的引导输入按钮将禁用其他按钮
- 在维护输入内容的同时添加其他字段
- 如果所有其他元素都填写在AngularJS中,如何动态添加新的输入元素
- 在其他文本输入字段中输入文本时启用复选框
- 使用其他输入值自动填充输入
- 创建一个计算值数组,该数组绑定到AngularJS中的其他输入
- 更新其中一个字段时刷新其他输入字段.使用Angularjs(附Plunker)
- 停止jQuery表单验证重置由其他JavaScript填充的typeahead.js输入字段
- 根据选择选项启用/禁用其他输入
- 如果我用javascript隐藏了一个文本输入元素,那么其他javascript函数仍然可以访问输入到其中的值
- 选择列表框以更改其他输入
- 如果选择'其他'然后填充输入字段
- 输入其他相关字段时填充一个字段
- 通过在数组中输入其他值,从 JSON 数据中获取其他值
- YUI数据表块在页面上输入其他组件的事件