如何设置select只读不可编辑且select的值可传递
作者：佚名
字体：[ ] 来源：互联网 时间：06-24 09:01:53
当属性设置为disabled时，提交表单时，select的值无法传递，提交前移除disabled属性就可以了
1. &select style=&width:195px& name=&role& id=&role& onfocus=&this.defaultIndex=this.selectedI& onchange=&this.selectedIndex=this.defaultI&& 这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选择之后，它不会鸟你，选了和没有选一样一样的。就是无视客户的选择。 2.设置disabled属性&select style=&width:195px& name=&role& id=&role& disabled=&disabled&& 这个看起来更直接，直观就是有只读的感觉，也不可以点击和下拉了。里面的字也会变成灰色 当属性设置为&disabled&时，提交表单时，select的值无法传递，提交前移除disabled属性$(&#role&).removeAttr(&disabled&); jquery添加属性$(&#role&).attr(&disabled&,&disabled&);
大家感兴趣的内容
12345678910
最近更新的内容Js操作Select大全(取值、设置选中等等)_H5之家 - 中国HTML5教程资源分享第一站
canvas教程
Js操作Select大全(取值、设置选中等等)
作者：H5之家
Js操作Select是很常见的，也是比较实用的，每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了
// 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = for (var i = 0; i & objSelect.options. i++) { if (objSelect.options[i].value == objItemValue) { isExit =
} } return isE } // 2.向select选项中 加入一个Item function jsAddItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { alert("该Item的Value值已经存在"); } else { var varItem = new Option(objItemText, objItemValue); objSelect.options.add(varItem); alert("成功加入"); } } // 3.从select选项中 删除一个Item function jsRemoveItemFromSelect(objSelect, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i & objSelect.options. i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i);
} } alert("成功删除"); } else { alert("该select中 不存在该项"); } } // 4.删除select中选中的项 function jsRemoveSelectedItemFromSelect(objSelect) { var length = objSelect.options.length - 1; for(var i = i &= 0; i--){ if(objSelect[i].selected == true){ objSelect.options[i] = } } } // 5.修改select选项中 value="paraValue"的text为"paraText" function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i & objSelect.options. i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemT
} } alert("成功修改"); } else { alert("该select中 不存在该项"); } } // 6.设置select中text="paraText"的第一个Item为选中 function jsSelectItemByValue(objSelect, objItemText) { //判断是否存在 var isExit = for (var i = 0; i & objSelect.options. i++) { if (objSelect.options[i].text == objItemText) { objSelect.options[i].selected = isExit =
} } //Show出结果 if (isExit) { alert("成功选中"); } else { alert("该select中 不存在该项"); } } // 7.设置select中value="paraValue"的Item为选中 document.all.objSelect.value = objItemV // 8.得到select的当前选中项的value var currSelectValue = document.all.objSelect. // 9.得到select的当前选中项的text var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex]. // 10.得到select的当前选中项的Index var currSelectIndex = document.all.objSelect.selectedI // 11.清空select的项 document.all.objSelect.options.length = 0;
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
关注微信公众号，了解最新精彩内容二次元同好交流新大陆
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(5589)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_085066',
blogTitle:'可输入的select,可选也可输入的select html表单',
blogAbstract:'兼容浏览器：ie7、ie6、firefox1.5.0、firefox2.0、opera9.01可输入的select在网上可以搜到很多实现方法，实现的基本原理可以分成以下两种：1、利用DIV来模拟select2、利用CSS的clip来切割select，使其只剩下一个选择三角，然后用一个input框来占据原有的select位置',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:9,
permalink:'blog/static/',
commentCount:2,
mainCommentCount:2,
recommendCount:1,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}清空select标签中option选项的3种不同方式
清空select标签中option选项的3种不同方式
　　本文为大家详细介绍下使用3种不同方式来清空select标签中option选项，具体语法格式如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
　　方法一
document.getElementById(&selectid&).options.length = 0;
document.formName.selectName.options.length = 0;
document.getElementById(&selectid&).innerHTML = &&;
&&&主编推荐
H3C认证Java认证Oracle认证
基础英语软考英语项目管理英语职场英语
.NETPowerBuilderWeb开发游戏开发Perl
二级模拟试题一级模拟试题一级考试经验四级考试资料
港口与航道工程建设工程法规及相关知识建设工程经济考试大纲矿业工程市政公用工程通信与广电工程
操作系统汇编语言计算机系统结构人工智能数据库系统微机与接口
软件测试软件外包系统分析与建模敏捷开发
法律法规历年试题软考英语网络管理员系统架构设计师信息系统监理师
高级通信工程师考试大纲设备环境综合能力
路由技术网络存储无线网络网络设备
CPMP考试prince2认证项目范围管理项目配置管理项目管理案例项目经理项目干系人管理
Powerpoint教程WPS教程
电子政务客户关系管理首席信息官办公自动化大数据
职称考试题目
就业指导签约违约职业测评
招生信息考研政治
网络安全安全设置工具使用手机安全
3DMax教程Flash教程CorelDraw教程Director教程
Dreamwaver教程HTML教程网站策划网站运营Frontpage教程
生物识别传感器物联网传输层物联网前沿技术物联网案例分析
互联网电信IT业界IT生活
Java核心技术J2ME教程
Linux系统管理Linux编程Linux安全AIX教程
Windows系统管理Windows教程Windows网络管理Windows故障
组织运营财务资本
视频播放文件压缩杀毒软件输入法微博
数据库开发Sybase数据库Informix数据库
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&前端怎样把html select标签选中的值传给后台
[问题点数：40分，结帖人zhutou100hao]
前端怎样把html select标签选中的值传给后台
[问题点数：40分，结帖人zhutou100hao]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2013年12月 Java大版内专家分月排行榜第二
2013年8月 Java大版内专家分月排行榜第三
2013年12月 Java大版内专家分月排行榜第二
2013年8月 Java大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。