高难度挑战：征求用最简单方法实现可以编辑、可以自动定位、可以拼音码感应、可以选择的下拉框（DropDownList 或 Select）,具体情况看内

可以编辑：就是可以输入内容；可以自动定位：就是当我输入“张”时，下面的下拉框要展开并且显示只显示第一个字为“张”的所有人员；当我在输入“张三”是，下面的下拉框要展开并且显示只显示前两个字为“张三”的所有人员；可以拼音码感应：就是当我输入“y"时，下面的下拉框要展开并且显示第一个字的拼音为"y"的所有人员的名字；同上面的自动定位，只是一个输入的是”文字“，一个是”拼音码“可以选择：就是下拉框的正常功能；代码如下：<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<body MS_POSITIONING="GridLayout" onload="comboBox()">
<form id="Form1" method="post" runat="server">
<FONT face="宋体">
<SELECT id="mySelect" style="Z-INDEX: 101; LEFT: 8px; WIDTH: 432px; POSITION: absolute; TOP: 8px"
name="mySelect" runat="server">
<OPTION selected></OPTION>
<option value="ycy_1">俞传尧</option>
<option value="clq_2">陈丽群</option>
<option value="csl_3">蔡松林</option>
<option value="lyq_4">梁亦秋</option>
<option value="wgy_5">王光远</option>
<option value="zzs_6">张子枢</option>
<option value="ckc_7">陈课程</option>
<option value="lqm_8">林秋美</option>
<option value="jys_9">江永森</option>
<option value="lxx_10">林孝祥</option>
<option value="wcz_11">王成章</option>
<option value="wh_12">韦红</option>
<option value="fm_13">傅明</option>
<option value="slm_14">石丽敏</option>
<option value="cxb_15">池晓勃</option>
<option value="cmy_16">陈敏瑜</option>
<option value="wkc_17">吴克昌</option>
<option value="lmq_18">卢明琪</option>
<option value="yj_19">杨隽</option>
<option value="hqq_20">胡青青</option>
<option value="lax_21">梁爱鲜</option>
<option value="zlp_22">郑若鹏</option>
<option value="cjf_23">陈樵峰</option>
<option value="wjh_24">王金伙</option>
<option value="cds_25">常德深</option>
<option value="ly_26">刘钰</option>
<option value="ljc_27">林建苍</option>
<option value="sb_28">宋波</option>
<option value="zzk_29">张祖康</option>
<option value="lgz_30">赖国专</option>
<option value="hys_31">黄雅椒</option>
<option value="hsr_32">黄圣荣</option>
<option value="xkx_33">许开醒</option>
<option value="ydj_34">于东江</option>
<option value="csm_35">陈生美</option>
<option value="ljm_36">李建民</option>
<option value="wgx_37">武国秀</option>
<option value="wcs_38">王常松</option>
<option value="sys_39">沈阳生</option>
<option value="ltt_40">刘通途</option>
<option value="czg_41">陈宗光</option>
<option value="zm_42">张敏</option>
<option value="yal_43">姚爱兰</option>
<option value="mjy_44">茅金焰</option>
<option value="xkf_45">许克付</option>
<option value="zkm_46">郑抗美</option>
<option value="hzc_47">黄增长</option>
<option value="czq_48">陈自强</option>
<option value="cjr_49">陈建荣</option>
<option value="hzx_50">冯振秀</option>
</SELECT></FONT>
</form>
</body>
</HTML>各位朋友，分数不是问题，我要的是一个满意的答案！我现在可用分有700分了，如果问题得到了完美解决，你要多少分，我另外开帖给。E-Mail：[email protected]：[email protected]其实，上面的功能我用JavaScript已经大部分实现，就还有一个”拼音码感应了“。如果解决了，大家留下一个信箱，或者我会上传到一个地方让大家下载！！！！

解决方案 »

  1.   

    解释一点：在option 中的value = "ycy_1",ycy是拼音码，1是自动编号
      

  2.   

    偶抢分来了,呵呵把下面的代码保存成 一个htm文件试试,我在ie6下试了是可以的<HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <body>
    <form name="frmMain" method="post">
    Current Search:<input type="text" size="20" name="currentSearch"><br><br>
    <FONT face="宋体">
    <SELECT style=" WIDTH: 432px" name="mySelect" onkeydown="JavaScript:mySelect_KeyDown()" onblur="strSearch='';">
    <OPTION selected></OPTION>
    <option value="ycy_1">俞传尧</option>
    <option value="clq_2">陈丽群</option>
    <option value="csl_3">蔡松林</option>
    <option value="lyq_4">梁亦秋</option>
    <option value="wgy_5">王光远</option>
    <option value="zzs_6">张子枢</option>
    <option value="ckc_7">陈课程</option>
    <option value="lqm_8">林秋美</option>
    <option value="jys_9">江永森</option>
    <option value="lxx_10">林孝祥</option>
    <option value="wcz_11">王成章</option>
    <option value="wh_12">韦红</option>
    <option value="fm_13">傅明</option>
    <option value="slm_14">石丽敏</option>
    <option value="cxb_15">池晓勃</option>
    <option value="cmy_16">陈敏瑜</option>
    <option value="wkc_17">吴克昌</option>
    <option value="lmq_18">卢明琪</option>
    <option value="yj_19">杨隽</option>
    <option value="hqq_20">胡青青</option>
    <option value="lax_21">梁爱鲜</option>
    <option value="zlp_22">郑若鹏</option>
    <option value="cjf_23">陈樵峰</option>
    <option value="wjh_24">王金伙</option>
    <option value="cds_25">常德深</option>
    <option value="ly_26">刘钰</option>
    <option value="ljc_27">林建苍</option>
    <option value="sb_28">宋波</option>
    <option value="zzk_29">张祖康</option>
    <option value="lgz_30">赖国专</option>
    <option value="hys_31">黄雅椒</option>
    <option value="hsr_32">黄圣荣</option>
    <option value="xkx_33">许开醒</option>
    <option value="ydj_34">于东江</option>
    <option value="csm_35">陈生美</option>
    <option value="ljm_36">李建民</option>
    <option value="wgx_37">武国秀</option>
    <option value="wcs_38">王常松</option>
    <option value="sys_39">沈阳生</option>
    <option value="ltt_40">刘通途</option>
    <option value="czg_41">陈宗光</option>
    <option value="zm_42">张敏</option>
    <option value="yal_43">姚爱兰</option>
    <option value="mjy_44">茅金焰</option>
    <option value="xkf_45">许克付</option>
    <option value="zkm_46">郑抗美</option>
    <option value="hzc_47">黄增长</option>
    <option value="czq_48">陈自强</option>
    <option value="cjr_49">陈建荣</option>
    <option value="hzx_50">冯振秀</option>
    </SELECT></FONT>
    </form>
    </body>
    </HTML>
    <SCRIPT LANGUAGE=javascript>
    <!--
    var strSearch="";

    function mySelect_KeyDown()
    {
    var keyCode = window.event.keyCode;

    if( (keyCode>=65 && keyCode<=90) || (keyCode>=48 && keyCode<=57) )
    {
    strSearch += String.fromCharCode(keyCode).toLowerCase();
    }
    else if(8==keyCode && strSearch.length>0)  //backspace
    {
    strSearch = strSearch.substr(0, strSearch.length-1)
    }

    document.frmMain.currentSearch.value = strSearch;
    if("" == strSearch)
    {
    document.frmMain.mySelect.selectedIndex = 0;
    return;
    }

    var itemValue="";
    for(var i=0;i<document.frmMain.mySelect.length;i++)
    {
    itemValue = document.frmMain.mySelect(i).value.toLowerCase(); if(itemValue.substr(0, strSearch.length) == strSearch)
    {
    document.frmMain.mySelect.selectedIndex = i;
    break;
    }
    }
    }
    //-->
    </SCRIPT>