`
炮飞天
  • 浏览: 8328 次
  • 性别: 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设置下拉框为只读的小技巧

    本文将介绍一种使用JavaScript和HTML结构来实现下拉框只读效果的方法。 首先,我们要明白在HTML中,select元素是无法直接设置为只读的。通常,只读属性(readonly)适用于input元素,例如文本输入框(type="text")...

    DIV模拟select下拉框

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

    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库,它简化...

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

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

    jQuery模拟select下拉框插件

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

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

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

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

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

    6种样式的下拉框

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

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

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

    jquery模拟div多选checkbox下拉框

    通过以上分析,我们可以看出“jquery模拟div多选checkbox下拉框”是一个结合了jQuery、DOM操作、事件处理、CSS定制和数据管理的综合性组件。开发者在使用这个压缩包中的`selectbox`文件时,只需按照提供的API和示例...

    下拉框值触发另一个下拉框

    "下拉框值触发另一个下拉框"这个功能就是一种常见的交互设计,通常应用于表单或者数据选择场景。这样的设计能够帮助用户根据前一个选择来过滤或定制后一个选项,从而简化操作流程。 首先,我们来理解下拉框...

Global site tag (gtag.js) - Google Analytics