根据拼音选择下拉框的选项

最新推荐文章于 2018-12-31 20:06:01 发布

mycybyb

最新推荐文章于 2018-12-31 20:06:01 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/mycybyb/article/details/1344133

版权

<html>
<body>
<script>
    function smartOptionFinder(oSelect, oEvent) {
        var sKeyCode = oEvent.keyCode;
        var sToChar = String.fromCharCode(sKeyCode);
        var fromIndex = oSelect.selectedIndex + 1;
        for(var i = fromIndex; i < oSelect.options.length; i++){
            if(oSelect.options[i].spell == sToChar){
                oSelect.selectedIndex = i;
                oSelect.sIndex = i;
                return false;
            }
        }
        for(var i = 0; i < oSelect.options.length; i++) {
            if(oSelect.options[i].spell == sToChar){
                oSelect.selectedIndex = i;
                oSelect.sIndex = i;
                return false;
            }
        }
    }
    function smartOptionConfirm(oSelect) {
        if(oSelect.sIndex != "" && oSelect.selectedIndex != oSelect.sIndex) {
            oSelect.selectedIndex = oSelect.sIndex;
            oSelect.sIndex = "";
        }
    }


</script>
<select name="dd" sIndex="" οnkeydοwn="javascript: smartOptionFinder(this,event); return false;" οnchange="smartOptionConfirm(this); return false;">
<option value="a" spell="A">啊</option>
<option value="b" spell="B">不</option>
<option value="c" spell="C">从</option>
<option value="a" spell="A">啊</option>
<option value="b" spell="B">不</option>
<option value="c" spell="C">从</option>
<option value="a" spell="A">啊</option>
</select>
</body>
</html>