jquery 支持智能文本搜索select 插件 v3.0.0.0插件

<!doctype >
<html >
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>jquery 支持智能文本搜索select 插件 v3.0.0.0插件</title>
</head>
<script type="text/javascript教程" src="js/jquery1.4.2.js"></script>
<script type="text/javascript教程" src="js/jquery.selectseach.min.js"></script>
<!--<script type="text/javascript" src="js/jquery.selectseach.js"></script>-->
<script>

function getmydata(){
 alert($('#sssss').val());
 }

 

$(document).ready(function(){
   $('select').selectseach();
 // $('#sssss2').selectseach();
 // $('#sssss').selectseach();
 // $('#sssss1').selectseach();
 
/*  $('select').focus(
     function(){
     
     $('#msg').html($(this).text());
    }  );*/
});

</script>
<body style="height:">
<p>潇湘博客</p>
<p><a href="http://blog.111cn.net/fkedwgwy

">http://blog.111cn.net/fkedwgwy">http://blog.111cn.net/fkedwgwy>
<p>php教程 技术群:37304662</p>
<p></p>

<table width="805" border="0">
  <tr>
    <td><p>传统select</p>
    <p>&nbsp;</p></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><select name="sssss5" id="sssss5" onchange="return getmydata()"  >
      <option value="-1">所有学校</option>
      <option value="139" selected="selected"> a english book </option>
      <option value="140">浏阳市浏阳河小学</option>
      <option value="141">浏阳市人民路小学</option>
      <option value="142">浏阳市嗣同路小学</option>
      <option value="143">浏阳市集里街道长南路小学</option>
      <option value="144">浏阳市集里街道平水桥小学</option>
      <option value="145">浏阳市集里街道禧和岭小学</option>
      <option value="146">浏阳市集里龚家桥小学</option>
      <option value="147" >浏阳市集里街道百宜小学</option>
      <option value="148">浏阳市荷花街道杨家小学</option>
      <option value="149">浏阳市荷花街道净溪小学</option>
      <option value="150">浏阳市荷花街道牛石小学</option>
      <option value="151">浏阳市荷花街道云桥小学</option>
      <option value="152">浏阳市荷花街道早禾小学</option>
      <option value="153">浏阳市荷花街道光彩小学</option>
      <option value="154">浏阳市荷花街道小水小学</option>
      <option value="155">浏阳市荷花街道建新小学</option>
      <option value="156">a chinese man 胡</option>
      <option value="157">浏阳市荷花街道胡坪小学</option>
      <option value="158">liuyan</option>
      <option value="159">changsha</option>
    </select></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><p>超级select插件</p>
    <p>&nbsp;</p></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><select name="sssss1" id="sssss1" m='search'>
      <option value="-1">所有学校</option>
      <option value="139">浏阳市黄泥湾小学</option>
      <option value="140">浏阳市浏阳河小学</option>
      <option value="141">浏阳市人民路小学</option>
      <option value="142">浏阳市嗣同路小学</option>
      <option value="143">浏阳市集里街道长南路小学</option>
      <option value="144">浏阳市集里街道平水桥小学</option>
      <option value="145">浏阳市集里街道禧和岭小学</option>
      <option value="146">浏阳市集里龚家桥小学</option>
      <option value="147" selected="selected">浏阳市集里街道百宜小学</option>
      <option value="148">浏阳市荷花街道杨家小学</option>
      <option value="149">浏阳市荷花街道净溪小学</option>
      <option value="150">浏阳市荷花街道牛石小学</option>
      <option value="151">浏阳市荷花街道云桥小学</option>
      <option value="152">浏阳市荷花街道早禾小学</option>
      <option value="153">浏阳市荷花街道光彩小学</option>
      <option value="154">浏阳市荷花街道小水小学</option>
      <option value="155">浏阳市荷花街道建新小学</option>
      <option value="156">浏阳市荷花街道罗直小学</option>
      <option value="157">浏阳市荷花街道胡坪小学</option>
      <option value="158">浏阳市荷花街道唐洲小学</option>
      <option value="159">浏阳市荷花街道金沙路小学</option>
    </select></td>
    <td><select name="sssss2" id="sssss2" m='search'>
      <option value="-1">所有学校</option>
      <option value="139">湾小学</option>
      <option value="140">阳河小学</option>
      <option value="141">浏阳市</option>
    </select></td>
    <td><select name="sssss3" id="sssss3" m='search'>
      <option value="154">街道小水小学</option>
      <option value="155">建新小学</option>
      <option value="156">直小学</option>
      <option value="157">胡坪小学</option>
      <option value="158">唐洲小学</option>
      <option value="159">沙路小学</option>
    </select></td>
    <td><select name="sssss4" id="sssss4" m='search'>
      <option value="-1">所有学校</option>
      <option value="141">浏</option>
      <option value="142">浏阳</option>
    </select></td>
    <td><select name="sssss" id="sssss" onchange="return getmydata()"  m='search'>
      <option value="-1">所有学校</option>
      <option value="139" selected="selected"> a english book </option>
      <option value="140">浏阳市浏阳河小学</option>
      <option value="141">浏阳市人民路小学</option>
      <option value="142">浏阳市嗣同路小学</option>
      <option value="143">浏阳市集里街道长南路小学</option>
      <option value="144">浏阳市集里街道平水桥小学</option>
      <option value="145">浏阳市集里街道禧和岭小学</option>
      <option value="146">浏阳市集里龚家桥小学</option>
      <option value="147" >浏阳市集里街道百宜小学</option>
      <option value="148">浏阳市荷花街道杨家小学</option>
      <option value="149">浏阳市荷花街道净溪小学</option>
      <option value="150">浏阳市荷花街道牛石小学</option>
      <option value="151">浏阳市荷花街道云桥小学</option>
      <option value="152">浏阳市荷花街道早禾小学</option>
      <option value="153">浏阳市荷花街道光彩小学</option>
      <option value="154">浏阳市荷花街道小水小学</option>
      <option value="155">浏阳市荷花街道建新小学</option>
      <option value="156">a chinese man 胡</option>
      <option value="157">浏阳市荷花街道胡坪小学</option>
      <option value="158">liuyan</option>
      <option value="159">changsha</option>
    </select></td>
  </tr>
</table>
<p>js code:</p>
<p> $(document).ready(function(){<br>
  $('#sssss').selectseach(); <br>
  }); </p>
<p>html:</p>
<p>&lt;select name=&quot;sssss2&quot; id=&quot;sssss2&quot; <font style="color:red " >m='search'</font>&gt;<br>
&lt;option value=&quot;-1&quot;&gt;所有学校&lt;/option&gt;<br>
&lt;option value=&quot;139&quot;&gt;湾小学&lt;/option&gt;<br>
&lt;option value=&quot;140&quot;&gt;阳河小学&lt;/option&gt;<br>
&lt;option value=&quot;141&quot;&gt;浏阳市&lt;/option&gt;<br>
&lt;/select&gt;</p>
<p>&nbsp;</p>
<div id="msg"></div>
<div id="msg1" style="color:red"></div>

 

时间: 2024-08-02 00:50:44

jquery 支持智能文本搜索select 插件 v3.0.0.0插件的相关文章

jquery+ajax+text文本框实现智能提示完整实例_jquery

本文实例讲述了jquery+ajax+text文本框实现智能提示的方法.分享给大家供大家参考,具体如下: 模仿百度查询的智能提示 先看看效果图: 代码部分: CSS代码: <style type="text/css"> #searchresult { width: 130px; position: absolute; z-index: 1; overflow: hidden; left: 130px; top: 71px; background: #E0E0E0; bord

jQuery打造智能提示插件二(可编辑下拉框)

在上一篇 jQuery打造智能提示插件 上改进,增加下拉按钮,修复点击下拉区域外不隐藏BUG 效果 下拉按钮素材: js封装,注意红色部分为BUG修复,然后传入boxwidth不带px:   /* /// <reference path="jquery-autocomplete2.0.js" /> zhangs 20140516 */ (function($) { var KEY = { UP: 38, DOWN: 40, DEL: 46, TAB: 9, RETURN:

Eclipse支持HTML&amp;JS&amp;ExtJS&amp;jQuery代码智能提示

  Eclipse支持HTML&JS&ExtJS&jQuery代码智能提示  参考地址: http://wenku.baidu.com/view/cfd23806a6c30c2259019ed0.html

Ajax实现智能提示搜索功能_AJAX相关

一.效果图: 二.实现过程:   思路:  三.部分代码:html: <div id="searchbox"> <div><input type="text" id="txtTitle" /></div> <div id="btnSelect"><a href="javascript:;">Google</a></di

BootStrap 智能表单实战系列(五) 表单依赖插件处理_javascript技巧

什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品. Bootstrap 包的内容 基本结构:Bootstrap 提供了一个带有网格系统.链接样式.背景的基本结构.这将在 Bootst

基于jquery实现智能表单验证操作_jquery

很多网站的注册模块都可以实现即时检查格式是否正确,这样极大的增强了用户体验,对开发非常有利. 先给大家展示下表单效果图,具体效果如下所示: 1.前台一开始用JQuery实现,先来上HTML标记: <body> <form id="form1" runat="server"> <table class="tble"> <tr><td class="td1">用户名 &l

基于jquery实现智能提示控件intellSeach.js_jquery

一.需求 我们经常会遇到[站内搜索]的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示.例如:某公司人事管理系统,想搜索李XX,只要输入"李",系统自然会提示一些姓李的员工,这样方便用户使用.说白了,就是用户边输入,系统会提示相关的结果:或者,当用户点击搜索框时,就推荐一些内容,如360.百度都会提示今天的主要新闻或搜索量大的内容. jquery 已经有一个这样的插件了,叫 autocomplete, 但我觉得不好用.关于autocomplete的介绍也很多,有兴趣的朋友

使用JQuery实现智能表单验证功能_jquery

先给大家展示下表单效果图,具体效果如下所示: 1.前台一开始用JQuery实现,先来上HTML标记: <body> <form id="form1" runat="server"> <table class="tble"> <tr><td class="td1">用户名 <input type="text" class="td&qu

jquery制作属于自己的select自定义样式_jquery

由于原生select在各个浏览器的样式不统一,特别是在IE67下直接不可以使用样式控制,当PM让你做一个样式的时候,那是相当的痛苦.最好的办法就是使用自定义样式仿select效果.这里写了一个jquery插件,实现自定义的select(阉割了不少原生select的事件,但是最主要的都还在) 需要引用的样式: .self-select-wrapper{ position: relative; display: inline-block; border: 1px solid #d0d0d0; wid