带输入过滤的select
来源:互联网 发布:成都多易网络 编辑:程序博客网 时间:2024/05/21 21:47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>带输入过滤的select</title> <style type="text/css"> *{font-size:10pt;} </style> <script type="text/javascript" src="jquery/jquery.js"></script> <script language="javascript" type="text/javascript">var arr = ["闲人书库","闲人BLOG","闲人设计","闲人软件","忙人设计","忙人软件"]; $(document).ready(function(){$(function(){$(".selsel").html("<option value='' style='color:#c2c2c2;'>---请选择---</option>");for(var i=0; i<arr.length; i++ ) {$(".selsel").append("<option value="+arr[i]+">"+arr[i]+"</option>");}});$(".selinput").focus(function(){$(".selinput").val("");$(".selsel").html("<option value='' style='color:#c2c2c2;'>---请选择---</option>");for(var i=0; i<arr.length; i++ ) {$(".selsel").append("<option value="+arr[i]+">"+arr[i]+"</option>");}});$(".selinput").change(function(){$(".selsel").html("<option value='' style='color:#c2c2c2;'>---请选择---</option>");for(var i=0; i<arr.length; i++ ) {if(arr[i].indexOf($(".selinput").val()) != -1) {$(".selsel").append("<option value="+arr[i]+">"+arr[i]+"</option>");}}});}); </script></head><body> <div style="height:24px;width:150px;margin:0px;padding:0px;position:absolute;"> <select class="selsel" style="width:150px;height:24px;margin:0px;padding:0px;"> <option value="" style="color:#c2c2c2;">---请选择---</option> </select> <input type="text" class="selinput" value="输入可进行过滤" style="width:120px;height:16px;position:absolute;left:3px;top:3px;border:0px;"> </div></body></html>
0 0
- 带输入过滤的select
- 可输入过滤和直接选择的select控件
- 支持过滤,可输入select,,并能挡住select 的div
- SELECT语句的过滤条件
- 带图片的Select
- 带分组的select
- 可输入的select
- 可输入的select
- 可输入的select
- 可输入的select
- 可输入的select
- 可输入的select
- 可输入的select
- 能输入的select
- JQuery中对Select的option项的添加、删除、取值(带输入框)
- 输入时的关联过滤
- Android--过滤EditText的输入
- 带*密码的输入
- JavaScript权威指南 第二章 词法结构
- Omnicompletion vim补全
- Kimchi简介
- charAt方法
- 最新热门电影高清完整版合集---更新至8.28号
- 带输入过滤的select
- linux deepin 系统升级失败解决办法
- 芒果iOS开发之Cocoapods安装教程
- ASIHTTPRequest 详解, http 请求终结者
- android 中dialog的应用 --- 自定义的dialog
- C++primer函数进阶
- JavaSe基础XX17——常用对象API-集合框架_5_ 工具类
- SMARTFORMS 强制分页
- Java中的嵌套类和内部类