Javascript是否可以僅在單擊下拉菜單項（onclick事件）時將其添加到下拉列表中？

Question

僅當單擊該下拉列表時，我們才能將項目添加到下拉列表中嗎？ 我已經放置了一個onclick事件，如下所示：

<select id="DeptStr" style="width: 114px" onchange="Call()" onclick = "GetDept()">

GetDept（）是用於將項目添加到下拉列表的功能。

但是我的結果是，每當我單擊下拉列表時，它都會在大約1秒鍾的時間內列出所有項目，然后列表又回到上一級。 我沒有時間選擇任何項目。 你們知道為什么嗎？

我的GetDept（）如下所示：

            cb=ObjByID('cbDeptStr');
            i=cb.length;
            while(i>0)
            { 
                cb.remove(1);
                i--;
            }
            var oOption;
            var rows = ret.substr(4).split('|');                
            var n;           

            for (var i = 1; i < rows.length; ++i)
            {
                n=rows[i].substr(0,4);
                if (n.length!=4)
                    break;
                oOption = document.createElement("option");             
                cb.options.add(oOption,i);
                oOption.innerHTML=n;
                oOption.value=n;

            }

Answer 1

“每次我單擊下拉列表時，它都會在大約1秒鍾內列出所有項目，然后列表又重新顯示。我沒有時間選擇任何項目。你們知道為什么嗎？”

這是因為當您單擊下拉列表時會觸發onClick處理程序，這會將焦點從<select>元素拉開。 當失去焦點時，它會隱藏選項。