你的 index 判斷那部分寫(xiě)的有些不合理，你看看我的，判斷其實(shí)沒(méi)那么麻煩

window.onload?=?function()?{
????var?box?=?document.getElementById('divselect'),
????????title?=?box.getElementsByTagName('cite')[0],
????????menu?=?box.getElementsByTagName('ul')[0],
????????as?=?box.getElementsByTagName('a'),
????????index?=?-1;
????
????var?items?=?menu.getElementsByTagName('a');

????//?點(diǎn)擊三角時(shí)
????title.onclick?=?function(event)?{
????????var?e?=?event?||?window.event;
????????if?(e.stopPropagation)?{
????????????e.stopPropagation();
????????}?else?if?(e.cancelBubble)?{
????????????e.cancelBubble?=?false;
????????}
????????//?執(zhí)行腳本
????????menu.style.display?=?'block';
????????index=-1;
????????setItemStyle(index);
????};

????//?滑過(guò)滑過(guò)、離開(kāi)、點(diǎn)擊每個(gè)選項(xiàng)時(shí)
????//?執(zhí)行腳本
????for?(var?i?=?0;?i?<?as.length;?i++)?{
????????var?a?=?as[i];
????????a.onmouseenter?=?function(event)?{
????????????var?e?=?event?||?window.event;
????????????e.target.style.backgroundColor?=?'#cc00cc';
????????????e.target.style.color?=?'#fff';
????????};
????????a.onmouseout?=?function(event)?{
????????????var?e?=?event?||?window.event;
????????????e.target.style.backgroundColor?=?'#fff';
????????????e.target.style.color?=?'#222';
????????};
????????a.onclick?=?function(event)?{
????????????title.innerHTML?=?event.target.innerHTML;
????????};

????}

????//?點(diǎn)擊頁(yè)面空白處時(shí)
????//?執(zhí)行腳本
????document.documentElement.onclick?=?function(event)?{
????????menu.style.display?=?'none';
????};
????document.documentElement.onkeydown?=?function(event)?{
????????var?e?=?event?||?window.event;
????????var
????????????key_enter?=?13,
????????????key_up?=?38,
????????????key_down?=?40,
????????????item_len?=?menu.children.length?-?1;
????????????
????????if?(e.stopPropagation)?{
????????????e.stopPropagation();
????????}?else?if?(e.cancelBubble)?{
????????????e.cancelBubble?=?false;
????????}
????????
????????if?(e.keyCode?===?key_enter)?{
????????????title.innerHTML?=?items[index].innerHTML;
????????????index?=?-1;
????????????setItemStyle(index);
????????????menu.style.display?=?'none';
????????}?else?if?(e.keyCode?===?key_up)?{
????????????if?(index?<=?0)?{
????????????????index?=?item_len;
????????????}else{
????????????????index--;
????????????}
????????????setItemStyle(index);
????????}?else?if?(e.keyCode?===?key_down)?{
????????????if?(index?>=?menu.children.length?-?1)?{
????????????????index?=?0;
????????????}else{
????????????????index++;
????????????}
????????????setItemStyle(index);
????????}
????};

????function?setItemStyle(index)?{
????????for?(var?i?=?0;?i?<?items.length;?i++)?{
????????????var?item?=?items[i];
????????????item.style.color?=?'#222';
????????????item.style.backgroundColor?=?'#fff';
????????}
????????if?(index?<=?items.length?&&?index?>=?0)?{
????????????items[index].style.backgroundColor?=?'#ddd';
????????}
????}
}