JavaScript实现自动完成功能
用的web控件,一个文本框,一个listbox(规定不能用div)
当在文本框输入时,listbox出现匹配的结果,类似google搜索框的联想输入
单击listbox选项的时候,把单击项的内容填到文本框中
问题就出在这单击事件里了,
1、输入字母a的时候,能正常联想(图1);
2、单击某一项,listbox被清空了,伤心(图2);
3、再次输入a,listbox的内容又回来了(图3);
4、单击某一项,可以把单击项的内容填充到文本框中;
再输入a,goto step1……
反正会一直重复以上4步,找不到理由啊,特来csdn向各位大虾请教
图1
图2
图3
图4
以下是JavaScript代码
JScript code:
//显示listbox
function showLstbox()
{
var txtBox = window.document.getElementById("TextBox1");
var lstBox = window.document.getElementById("ListBox1");
var strInput = txtBox.value;
var arrMatch = new Array();//用以匹配的字符串数组
var strMatch; //匹配成功的字符串
arrMatch = ["1111", "aaa", "klkk1", "akl1", "2222a", "ccc","南昌","南昌市高新区"];
removeAll("ListBox1")
for (var i = 0; i < arrMatch.length; i++)
{
strMatch = arrMatch[i];
if (strMatch.indexOf(strInput) >= 0)
{
相关问答:
C#写JAVASCRIPT 数组
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
& ......
我在后台用C#编写ASP.NET页面,同时要用JAVASCRIPT来控制提示窗口,如
Response.Write(" <script language=javascript>confirm('确定要删除吗?') </script>");
我要用confirm( ......
$("p:first").before(" <center> <button id=\"button1\" onClick=\"cut()\">剪切 </button> <button id=\"button2\">复制 <\/button> ......
如何实现当鼠标悬停控件上时,出现该控件的尾部显示对应的层,鼠标移动到该层上进行相应的操作,当鼠标移除时(不在控件上也不在层上)层隐藏,
HTML code:
<html>
<head>
<meta http-equiv= ......
那位有时间给完善一下,现在是电脑出的是英文,把电脑出的换成图
[code=JScript] [ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ ......