我做了个搜索,基本功能差不多了,,在 名称一栏里面填写 玩具名称:例如"布布熊",按tab键后,就能自动用js调用search.php搜索结果返回,自动填写到其他框里面.我想做一个功能就是,假如我不确定玩具名称,例如我填写"布布",按回车后,search.php能够返回个小窗口,让我选择一下:例如布布熊.布布鸟,布布兔,然后再继续 原本的 "按tab键后,就能自动用js调用search.php搜索结果返回,自动填写到其他框里面."请问怎么改,,本身的文件<script>
function createRequestObject() {
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject("Microsoft.XMLHTTP");
}else{
ro = new XMLHttpRequest();
}
return ro;
}
var http = createRequestObject();
function sr(id,num,idorname) {
http.open('get', 's_search.php?id='+id+'&num='+num+'&idorname='+idorname);
http.onreadystatechange = handleResponse;
http.send(null);
}
function handleResponse() {
if(http.readyState == 4){
var response = http.responseText;
var update = new Array(); if(response.indexOf('|' != -1)) {
update = response.split('|');
var id = new Array(2); id[0] = "id"; id[1] = update[0];
var name = new Array(2); name[0] = "name"; name[1] = update[0];
var price = new Array(2); price[0] = "price"; price[1] = update[0];
var numkf = new Array(2); numkf[0] = "numkf"; numkf[1] = update[0];
document.getElementById(id.join("")).value = update[1];
document.getElementById(name.join("")).value = update[2];
document.getElementById(price.join("")).value = update[3];
document.getElementById(numkf.join("")).value = update[4];
}
}
}
</script>
<h3>调拨 => 银台</h3>
<table align="center">
<tr><td><table><tr><td width=105px>编号</td><td width=155px>名称</td><td width=105px>价格</td><td width=105px>库房数量</td><td width=100px>调拨数量</td></tr></table></td></tr>
<form name="form_post" action="s_moved.php" method="post" target="_self" >
<?php
$i=1;
while($i<=5){ ?>
<tr>
<td>
<input style="width:100px;background:#ffffff;border:#cccccc 1px solid;" type="text" id="id<?= $i ?>" onBlur="sr(this.value,<?= $i ?>,'id');" name="id<?= $i ?>" />
<input style="width:150px;background:#ffffff;border:#cccccc 1px solid;" type="text" id="name<?= $i ?>" onBlur="sr(this.value,<?= $i ?>,'name');" tabindex=-1 />
<input style="width:100px;background:#F5F5F5;border:#cccccc 1px dashed;" type="text" id="price<?= $i ?>" readonly tabindex=-1 />
<input style="width:100px;background:#F5F5F5;border:#cccccc 1px dashed;" type="text" id="numkf<?= $i ?>" name="numkf<?= $i ?>" readonly tabindex=-1 />
<input style="width:100px;background:#ffffff;border:#cccccc 1px solid;" type="text" id="numdb<?= $i ?>" name="numdb<?= $i ?>" />
</td>
</tr>
<?php
$i++;
}
?> <tr><td><input type="button" value="单击提交" onclick="javascript:form.submit();" style="width:100px;margin-top:10px;" /></td></tr>
</form>
</table>
search.php代码如下<?php
require_once("conn.php");
$id = $_REQUEST['id'];
$num = $_REQUEST['num'];
$idorname = $_REQUEST['idorname']; if($idorname=='id') {
$sql = "select depot_id,depot_name,depot_price,depot_numkf from depot where depot_id = '".$id."'";
} else if($idorname=='name') {
$sql = "select depot_id,depot_name,depot_price,depot_numkf from depot where depot_name = '".$id."'";
} $result = mysql_query($sql);
$row = mysql_fetch_array($result);
echo $num . "|" . $row['depot_id'] . "|" . $row['depot_name'] . "|" . $row['depot_price']. "|" . $row['depot_numkf'];
mysql_close($conn);
?>
解决方案 »
免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货