码迷,mamicode.com
首页 > 其他好文 > 详细

智能搜索

时间:2016-07-08 18:20:22      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" >
        function FunSelect() {
            var word = document.getElementById("city").value;
            if (word != "") {
                // alert("1");
                var xmlhttp = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
                //  alert("2");
                xmlhttp.open("GET", "Handler1.ashx?word=" + encodeURIComponent(word), true);
                //  alert("3")
                xmlhttp.send(null);
                //   alert("4");
                xmlhttp.onreadystatechange = function () {
                    if (xmlhttp.readyState == 4) {
                       // alert(xmlhttp.responseText);
                       document.getElementById("myText").innerHTML = xmlhttp.responseText;
                      
                    }
                }
            }
          
        }
        function FunGetValue(s) {
            document.getElementById("city").value = s;
            document.getElementById("myText").innerHTML = "";
        }
    </script>
    <style>
        li:hover {
            background-color:#b6ff00;
        }
        #divFeild {
            width:500px;
            height:20px;
            position:relative;
        }
        #wordDiv {
            position:absolute;
            left:20px;
            top:20px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="divFeild">
            <input type="text" id="city" name="city"    onkeyup ="FunSelect()" /><br />
            <div id="wordDiv"> <ul id="myText"></ul></div>
        
        </div>
        <p>ssssssssssssssssssssssss</p>
        <p>ssssssssssssssssssssssss</p>
        <p>ssssssssssssssssssssssss</p>
    </form>
</body>
</html>
=======================================================================using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace WebApplication1
{
    /// <summary>
    /// Handler1 的摘要说明
    /// </summary>
    public class Handler1 : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            List<string> stringList = new List<string>() { 
               "湖北省","湖北省1","湖北省2","湖南省","河南省","河北省"
            };
            var word =context. Request.QueryString["word"];
            string result = "";
            foreach (string s in stringList)
            {
                if (s.Contains(word))
                {
                    //result +="<li style=‘list-style-type:none;‘ onclick=‘FunGetValue(‘"+s+"‘)‘>"+ s+"</li>";
                    result += "<li style=‘list-style-type:none;‘ onclick=‘FunGetValue(this.innerText)‘>" + s + "</li>";
                }
                // FunGetValue( ‘湖北省1‘)
            }
            context.Response.Write(result);
        }
        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

智能搜索

标签:

原文地址:http://www.cnblogs.com/blogLYF/p/5653997.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!