国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 20:50:45
字體：大 中 小
來源：轉載
供稿：網友
在項目開發過程中我們時常會碰到要設置下拉框為只讀（readonly），但是可惜的是select沒有只讀屬性，所以需要在select外面包含一個span，通過js來改變。

下面這段html代碼是在struts2的下拉標簽中加入了span標簽，在頁面裝載的時候就讓下拉框變成不可讀。
復制代碼 代碼如下:

<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方法中調用selectReadOnly讓下拉框變成只讀。
復制代碼 代碼如下:

/*根據頁面上span的id設置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");
}

做到這里大功告成，試試效果吧?。?！

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 江西省| 大同县| 隆安县| 会泽县| 永寿县| 察雅县| 保德县| 临安市| 巴马| 浙江省| 左权县| 大连市| 甘洛县| 雅江县| 林周县| 佛坪县| 万源市| 茌平县| 开鲁县| 亚东县| 遂川县| 尚志市| 平武县| 汪清县| 清水河县| 玛多县| 朝阳县| 饶阳县| 宝清县| 上杭县| 方城县| 会理县| 桐城市| 临沂市| 贺州市| 柘荣县| 潢川县| 巴塘县| 西林县| 子长县| 湘西|