select 文本输入查询

<div style="float:left;margin-right:5px;">
                    <input value="" id="selectInput" onkeyup="searchItem(this,‘selectMem‘);" style="width:150px;height:24px;line-height:24px;border:1px solid #929292;font-size:14px;border-radius:2px;" type="text">
                    <select size="5" value="" id="selectMem" style="display: block;width: 154px;margin-top: 5px;border:1px solid #929292;">
              <option value="14cda0c4-0837-4311-a071-3987cf268cc1">小李子</option>
              <option value="641f116a-e0ae-48bc-ad2b-d96686250eb7">小王子</option>
              <option value="41ad48a9-9c49-4525-9f9b-9dd6bad9b734">花花</option>
              <option value="c06061fd-6b79-486c-b6af-56c2f941c69f">乐乐</option>
              <option value="d0a6f33b-4ff5-400c-b5d3-2e81d7528764">高山</option>
              <option value="5ba44538-ed19-4644-844b-8acec1e11bde">云海</option>
              <option value="be35d654-6de8-4603-8d94-57d9d99ae561">云印</option>
              <option value="fc8d5cbe-b979-4564-8357-eeafff801a0d">水滴</option>             
                    </select>
                </div>

在input上设置onkeyup事件,输入文字时触发

function searchItem(e,myselectid){
    var keywords = $(e).val();
    keywords=keywords.replace(/ /g,"")   //去掉空格
    var myselect=$("#"+myselectid)[0]; //得到select对象
    if(keywords!=""){

        for(i=0;i<myselect.length;i++)// 循环option
        {
            if(myselect.options[i].text.indexOf(keywords)!=-1) //判断option的text是否包含keyword
            {
                $option = $(myselect.options[i]);
                $(myselect.options[i]).remove();
                $(myselect).prepend($option);
            }
        }
    }
    //alert(myselect.options.length);
}
时间: 2024-11-08 12:19:34

select 文本输入查询的相关文章

文本输入

1.隐藏文本框的键盘,Return类型设为UIReturnKeyDone,代理方法textD\FieldShouldReturn,视图控制器可以强令键盘留在键盘上,重写disablesAutomaticKeyBoardDismissal 2.UITextInputTraints协议中的属性:autocapitalizationType文本的自动大写,autocorrectionType自动修正,spellCheckingType是否进行拼写检查,keyboardAppearance键盘风格,ke

iOS9使用提示框进行文本输入的正确实现方式

我在之前写过一篇博客<iOS9使用提示框的正确实现方式>,主要讲了如何使用UIAlertController替换UIAlertView进行提示框的实现.今天我们将会来实现一下在提示框中如何进行文本输入.该功能可以让用户进行密码确认等功能. 实现代码如下: #import "SecondViewController.h" #import "AppDelegate.h" @interface SecondViewController () @end @imp

设置警告框样式为带有两个文本输入的警告框,用于收集用户收货地址和联系电话。并选择合适的代理方法,当警告框上的两输入框有一个为空时限制“购买”按钮点击。

收集购物信息  iOS项目 倒计时:588 步骤 /.panel-heading 项目需求 设置警告框样式为带有两个文本输入的警告框,用于收集用户收货地址和联系电话.并选择合适的代理方法,当警告框上的两输入框有一个为空时限制“购买”按钮点击. #import "TableViewController.h" @interface TableViewController ()<UIAlertViewDelegate> @property (nonatomic, strong)

Linux命令:MySQL系列之五--SELECT单表查询、多表查询升级及删除,插入

SELECT:查询 SELECT select-list FROM tb WHERE qualification  根据标准qualification查找对应的行 查询语句类型:  qualification条件  field领域  distinct独特的 简单查询: 多表查询: 子查询: SELECT * FROM tb_name: 查询tb_name表的所有信息 SELECT field1,field2 FROM tb_name: 投影显示所设定的领域条目(field),一个field就是一

Cocos2d-x 3.4 之 文本输入之 EditBox

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** 上一篇,说了 文本输入的 CCTextFieldTTF, 这次继续来弄文本输入,EditBox 做完CCTextFieldTTF以后,马上就搞这个EditBox了, 但是,改动有些多,而且好多BUG啊,网上资料也不多,整的我焦头烂额... 先发一些基础的,具体其

【cocos2d-x学习笔记】文本输入、菜单、内存管理、定时器

文本输入 CCTextFiledTTF CCTextFiledTTF *textEdit = CCTextFiledTTF::textFiledWithPlaceHolder("input", "Arial", 33); textEdit->atchWithIME();      弹出软键盘 textEdit->setSecureTextEntry(true);  密码格式输入 CCEditBox CCScale9Sprite *bg = CCScale

Java Swing界面编程(17)---单行文本输入组件:JTextField

package com.beyole.util; import java.awt.GridLayout; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JTextField; public class test15 { public static void main(String[] args) { JFrame frame = new JFrame("Crystal");// 实例化窗

Java Swing界面编程(18)---单行文本输入组件:JTextField

以下的程序与上一例有一点区别,仔细对比不难发现其中的不同之处. package com.beyole.util; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JTextField; public class test17 { public static void main(String[] args) { JFrame frame = new JFrame("Crystal"); JT

Android Design新控件之TextInputLayout(文本输入布局)

谷歌在推出Android5.0的同时推出了全新的设计Material Design,谷歌为了给我们提供更加规范的MD设计风格的控件,在2015年IO大会上推出了Design支持包,Design常用的新控件包括: TextInputLayout(文本输入布局) TabLaout(选项卡布局) Snackbar FloatingActionButton(浮动按钮) NavigationView(导航视图) AppBarLayout(程序栏布局) CoordinatorLayout(协作布局) Col