• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 如何设置select只读不可编辑且select的值可传递

如何设置select只读不可编辑且select的值可传递

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含select,不可编辑,只读等相关知识,佚名 希望在学习及工作中可以帮助到您
1. <select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">

这种方法可以使下拉框和平常没有区别,看起来没有任何不同。唯一不同的就是下拉并单并选择之后,它不会鸟你,选了和没有选一样一样的。就是无视客户的选择。

2.设置disabled属性<select style="width:195px" name="role" id="role" disabled="disabled">

这个看起来更直接,直观就是有只读的感觉,也不可以点击和下拉了。里面的字也会变成灰色

当属性设置为"disabled"时,提交表单时,select的值无法传递,提交前移除disabled属性$("#role").removeAttr("disabled");

jquery添加属性$("#role").attr("disabled","disabled");

您可能想查找下面的文章:

  • Html Select 使用selected属性设置默认选择项
  • select不支持双击dbclick事件
  • 如何设置select只读不可编辑且select的值可传递
  • 设置disabled属性后台读不到数据如何让select支持readonly
  • HTML中select标签单选多选用法详解
  • Html Select option 如何进行默认选择
  • HTML中select下拉框内容显示不全部分被覆盖的解决方法
  • html option禁用选择 select禁用选项示例
  • 使select在选中/聚焦时列出所有选项目前比较好的处理方式
  • 清空select标签中option选项的3种不同方式

相关文章

  • 2017-08-05Web开发中的基本概念和用到的技术简介
  • 2017-08-05设置搜索框的默认文字当鼠标单击时该默认文字消失
  • 2017-08-05按钮与回车键关联的js代码
  • 2017-08-05HTML教程:图片大小对齐间隔边框属性修改方法介绍
  • 2017-08-05js 返回上一页和刷新 的代码
  • 2017-08-05W3C教程(13):W3C WSDL 活动
  • 2017-08-05HTML Marquee 字符片段滚动
  • 2017-08-05html body标签详解与html常用的控制标记
  • 2017-08-05让网页在打开几秒之后就转向其它的页面
  • 2017-08-05HTML非常用标签 optgroup、sub、sup和bdo示例代码

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • textarea布局时文字在左下边且不能改变大小尺寸的解决方法
    • html 隐藏滚动条的简单实现
    • 学习如何书写整洁规范的HTML标记
    • 利用iframe在网页中显示天气附效果截图
    • 浅析用iframe来调用页面会不会缓存页面
    • html中的javascript 全选/取消全选操作示例代码
    • Xhtml下不常用却很有用的标签
    • 网页制作前先来看看这些所谓的规范
    • 深入解析HTML的table表格标签与相关的换行问题
    • HTML和CSS在Flash中的应用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有