`
炮飞天
  • 浏览: 8261 次
  • 性别: Icon_minigender_1
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

下拉框模拟只读

 
阅读更多

/**
* 为下拉框模拟只读效果
*/
function setSelectReadOnly(obj){
    if(!document.getElementById){
        return false;
    }
    var span='<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();"></span>';
    var oSpan=document.createElement(span);
    if(!oSpan){
        return false;
    }
    if(!obj){
        return false;
    }
    obj.style.color="#666666"; 
    obj.replaceNode(oSpan);
    oSpan.appendChild(obj);
    obj.onfocus=function(){
        this.blur() 
    };
}

 

分享到:
评论

相关推荐

    用js设置下拉框为只读

    另一种方法是通过CSS来模拟只读效果,不让用户点击下拉框,但保持其外观不变。这需要配合JavaScript事件处理来阻止用户的交互: ```javascript document.getElementById('mySelect').addEventListener('mousedown',...

    下拉框设置为只读模式时不再弹出下拉框

    为了进一步模拟只读效果,我们可以通过修改`select`元素的样式,例如禁用阴影效果,或者更改箭头图标,使其看起来不可点击: ```css select[readonly] { pointer-events: none; box-shadow: none; /* 或者其他...

    asp.net 实现下拉框只读功能

    [removed] //根据下拉框ID设置下拉框只读 function setReadOnly(obj_id){ var obj = document.getElementById(obj_id); obj.onmouseover = function(){ obj.setCapture(); } obj.onmouseout = function(){ obj....

    jquery 实现的下拉框模拟

    这种模拟下拉框可以提供更灵活的设计和交互体验。 首先,原生的 HTML 下拉框虽然简单易用,但在某些情况下可能无法满足设计师和开发者的需求,例如自定义样式、多级联动、异步加载选项等。jQuery 提供的解决方案...

    用js设置下拉框为只读的小技巧

    一种常见的解决方案是将`&lt;select&gt;`元素包裹在一个`&lt;span&gt;`元素内,并利用JavaScript事件监听来模拟只读的效果。以下是一个简单的示例: ```html ()"&gt; &lt;!-- 下拉选项内容 --&gt; ``` 在这个例子中,我们使用...

    select下拉框模拟

    在网页设计中,"select下拉框模拟"是一种常见的用户交互元素,用于提供一组选项供用户选择。在传统的HTML中,`&lt;select&gt;`标签被用来创建下拉菜单,但随着前端技术的发展,为了实现更丰富的交互效果和自定义样式,...

    js css 模拟html下拉框

    CSS在模拟下拉框的过程中扮演了关键角色。我们可以通过CSS定义下拉按钮的样式,包括背景色、边框、字体等,同时也可以为显示的选项列表设置样式,如宽度、高度、过渡效果等。例如: ```css .custom-select { ...

    div模拟下拉框

    此时,开发者会利用CSS和JavaScript(通常配合jQuery或其他库)通过`div`元素来模拟下拉框的效果。 1. **CSS基础** CSS是层叠样式表(Cascading Style Sheets)的缩写,用于控制网页元素的样式。在div模拟下拉框中...

    JQuery DIV模拟下拉框(单选、多选)

    "JQuery DIV模拟下拉框(单选、多选)"就是一种使用JQuery和JavaScript技术,通过`&lt;div&gt;`元素来模拟原生的下拉框,并且支持单选和多选功能的解决方案。 1. **JQuery**:JQuery是一个广泛使用的JavaScript库,它简化...

    可以输入的下拉框 下拉框和文本框组合共用

    可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用...

    DIV模拟select下拉框

    "DIV模拟select下拉框"就是一种利用JavaScript库,如jQuery,来实现这一目标的技术。它通过用CSS样式化的DIV元素替换原生的SELECT元素,从而提供更灵活的外观和交互体验。 标题中的"DIV模拟select下拉框"意味着我们...

    类似百度下拉提示 模拟select下拉框 jquery插件

    这种技术主要应用于表单元素,尤其是模拟传统的`&lt;select&gt;`下拉框,但提供了更为丰富的交互性和自定义性。 首先,jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。在这个插件中...

    jQuery模拟select下拉框插件

    jQuery模拟select下拉框插件就是为了克服这些局限性。它通常会用一个`&lt;div&gt;`或其他HTML元素来模拟下拉框,并结合JavaScript和CSS实现动态效果和定制样式。这种插件可以提供更多的定制选项,如分组、搜索、过滤、无限...

    下拉框美化下拉框美化

    下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化

    layui问题之模拟select点击事件的实例讲解

    - **自动触发下拉**: 通过JavaScript代码模拟用户操作,触发select的下拉框。 - **选择特定选项**: 自动点击下拉框中的特定选项。 #### 示例代码 - 使用jQuery选择器和`click()`方法来模拟用户点击操作,实现自动...

    【ASP.NET编程知识】ASP .NET 可编辑输入自动匹配的下拉框.docx

    八、ASP.NET 实现下拉框只读功能 在 ASP.NET 中,可以使用 Enabled 属性来实现下拉框的只读功能。当 Enabled 属性设置为 False 时,下拉框将变为只读状态,用户无法进行选择。 ASP.NET 可编辑输入自动匹配的下拉框...

    原生js text文本框模拟select下拉框美化点击下拉菜单选

    原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击...

    6种样式的下拉框

    在网页设计和开发中,下拉框(Dropdown)是一种常见的用户界面元素,它允许用户从一组预定义的选项中选择一个。"6种样式的下拉框"项目提供了多种不同风格和效果的下拉框解决方案,旨在提升用户体验并增强网站的视觉...

Global site tag (gtag.js) - Google Analytics