用js設定下拉框為只讀的小技巧_javascript技巧

在專案開發過程中我們常常會碰到要設定下拉框為唯讀（readonly），但是可惜的是select沒有唯讀屬性，所以需要在select外麵包含一個span，透過js來改變。

下面這段html程式碼是在struts2的下拉標籤中加入了span標籤，在頁面裝載的時候就讓下拉框變成無法讀取。

複製程式碼 程式碼如下:

如下是js程式碼，在init方法中呼叫selectReadOnly讓下拉方塊變成唯讀。

複製程式碼 程式碼如下:

/*依照頁面上只設定的idselect讀/

function selectReadOnly(selectedId){
var obj = document.getElementById(selectedId);
obj.onmouseover = function(){
d }
obj.onmouseout = function(){
obj.releaseCapture();
}
obj.onfocus = function(){
obj.blur();
}
obj.onbeforeactivate = function(){
return false;
}
}

function init(){
selectReadOnly("id🎜 🎜>

做到這裡大功告成，試試看效果吧！ ！ ！