欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

用js設(shè)置下拉框?yàn)橹蛔x的小技巧

 更新時(shí)間:2014年04月10日 15:35:45   作者:  
select沒(méi)有只讀屬性,所以需要在select外面包含一個(gè)span,通過(guò)js來(lái)改變,需要的朋友可以參考下
在項(xiàng)目開(kāi)發(fā)過(guò)程中我們時(shí)常會(huì)碰到要設(shè)置下拉框?yàn)橹蛔x(readonly),但是可惜的是select沒(méi)有只讀屬性,所以需要在select外面包含一個(gè)span,通過(guò)js來(lái)改變。

下面這段html代碼是在struts2的下拉標(biāo)簽中加入了span標(biāo)簽,在頁(yè)面裝載的時(shí)候就讓下拉框變成不可讀。
復(fù)制代碼 代碼如下:

<body onload="init()">
<span id="id_select">
<s:select name="sjdwmc" list="sjdxdwList" listKey="dxbh" listValue="dwmc" headerKey="" headerValue=""></s:select>
</span>
</body>

如下是js代碼,在init方法中調(diào)用selectReadOnly讓下拉框變成只讀。
復(fù)制代碼 代碼如下:

/*根據(jù)頁(yè)面上span的id設(shè)置select為只讀/

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

function init(){
selectReadOnly("id_select");
}

做到這里大功告成,試試效果吧?。?!

相關(guān)文章

最新評(píng)論