jquery select??

请有谁有用jquery写的这样一个select啊，在这个select标签中输入一个字符之后就把以该字符开头的相关所有select中的option都显示出来

解决方案 »

  1.   

    Ext框架中有关Combox组件非常简单好用，可以去试试！
      

  2.   

    JQuery没做过，只做过ext-js的，楼主要的话留邮箱我发给你
      

  3.   

    this.statusCombo = new Ext.form.ComboBox({
    name:'status',
    labelStyle:'font-weight:bold',
    store:[['S','ACCEPTED'],['F','REJECTED']],
    disabled:!flag,
    mode:'local',
    forceSelection: true,
         triggerAction: 'all',
         selectOnFocus:true,
    fieldLabel:hedConnectAckLabels.overrideAcknowledgement
    });
      

  4.   

    好的噢，谢谢啊，我邮箱是:[email protected]
      

  5.   

    代码不长，还是贴上来吧
    ext-js配置jsp:<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ include file="/common/taglibs.jsp" %>    
    <link href="${ctx}/ext-2.1/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <!--下面三个js文件是ext-js的 ，必须要导入-->
    <script type="text/javascript" src="${ctx}/ext-2.1/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="${ctx}/ext-2.1/ext-all-debug.js"></script>
    <script type="text/javascript" src="${ctx}/ext-2.1/ext-lang-zh_CN.js"></script>   
    <c:set var="table" value="${param.table}"/><!--要显示的字段所在表,-->
    <c:set var="field" value="${param.field}"/><!--要显示的字段名-->
    <c:set var="isnull" value="${param.isnull}"/><!--是否可以为空-->
    <c:set var="hiddenName" value="${param.hiddenName}"/><!--标签名字-->
    <c:set var="editable" value="${param.editable}"/>
    <script>
    Ext.onReady(function(){
      new Ext.form.ComboBox({
    typeAhead: true,
    blankText:'请选择.',
    allowBlank : ${isnull},
    triggerAction : 'all',
    selectOnFocus : true,
    maxHeight:200,
    minChars:20,
    editable: ${editable},
    store : new Ext.data.JsonStore({
    url : '${ctx}/CommonDataAction.a?doQueryData&table=${table}&field=${field}',
    fields: ['id','text']
    }),
    displayField:'text',
            valueField:'id',
            applyTo:'${hiddenName}'
    }); 
    });
    </script>实现效果页面jsp<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>增加\修改教职工考核情况</title>
    <jsp:include page="/common/input_select_text.jsp">
    <jsp:param name="table" value="examine"/>
    <jsp:param name="field" value="examine_result"/>
    <jsp:param name="isnull" value="true"/>
    <jsp:param name="editable" value="true"/>
    <jsp:param name="hiddenName" value="examineResult"/>
    </jsp:include>
    </head>
    <body><!--这显示效果-->
     <input id="examineResult" name="examineResult" type="text" size="40" />
    </body>
      

  6.   

    忘了说了url : '${ctx}/CommonDataAction.a?doQueryData&table=${table}&field=${field}',doQueryData是查询要显示在select中信息的方法
    CommonDataAction.a这是查询要显示信息方法所在的action,
      

  7.   

    谢谢各位的回答，不过我已用jquery解决啦