多个选定的onkeydown选择框javascript

时间:2017-07-17 03:42:28

标签: javascript coldfusion

我有一个用于在多个选择框中搜索的输入字段,我希望当我使用逗号(,)作为分隔符搜索多个值时,会选择多个选择框的索引。像这样enter image description here

我已尝试此代码,但无法正常工作

搜索输入

<input id="idSearch" name="txtSearch" size="50" onkeydown="cekKey(event,document.frmAdd.selNonMember,document.frmAdd.selMember);" type="Text">

左选择框

<select name="selNonMember" multiple size="8" style="width:100%">
    <cfloop query="QEmp">
        <option value="#QEmp.Emp_id#"> #HtmlEditFormat(QEmp.Text)# </option>
    </cfloop>
</select>

cekKey()

function cekKey(event,objSource,objTarget)
    {
        <!--- tekan enter --->
        if (event.keyCode == 13) {
            addSelEmp()
            event.returnValue = false;
            document.frmAdd.txtSearch.value = ''
        } else {
            event.returnValue = true;
        }
    }

    function addSelEmp() {
        var searchKey = document.frmAdd.txtSearch.value;
        var objSource = document.frmAdd.selNonMember;
        var objTarget = document.frmAdd.selMember;
        //var vari1 = document.frm.txtSearchEmp.value;
        searchKey = searchKey.toUpperCase()

        for(i = objSource.length-1; i >= 0; i--) {  

            var vari2 = objSource.options[i].text;
            vari2 = vari2.toUpperCase();

            if(vari2.indexOf(searchKey) >= 0) {
                //objTarget.options[objTarget.length] = new Option(vari2,objSource.options[i].value);
                objSource.options[i].selected = true;
            }
        }
    }

0 个答案:

没有答案