这篇文章主要为大家展示了“select标签如何设置默认选中”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“select标签如何设置默认选中”这篇文章吧。

创新互联从2013年成立，我们提供高端网站建设、小程序设计、电商视觉设计、手机APP定制开发及网络营销搜索优化服务，在传统互联网与移动互联网发展的背景下，我们坚守着用标准的设计方案与技术开发实力作基础，以企业及品牌的互联网商业目标为核心，为客户打造具商业价值与用户体验的互联网+产品。

方法有两种。

第一种通过的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。< select id = "sel" > < option value = "1" >1 < option value = "2" selected = "selected" >2 < option value = "3" >3 第二种为通过前端js来控制选中的项：< script type = "text/javascript" > function change(){   document.getElementById("sel")[2].selected=true; } < select id = "sel" > < option value = "1" >1 < option value = "2" >2 < option value = "3" >3 < input type = "button" value = "修改" onclick = "change()" />获取标签选中项文本的js代码为:

var val = document.all.Item.options[document.all.Item.selectedIndex].text
var i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value;

一些其它操作标签的技巧如下：1)动态创建selectfunction createSelect(){ var mySelect = document.createElement( "select" ); mySelect.id = "mySelect" ; document.body.appendChild(mySelect); }2)添加选项optionfunction addOption(){ //根据id查找对象， var obj=document.getElementById( 'mySelect' ); //添加一个选项 obj.add( new Option( "文本" , "值" )); }3)删除所有选项optionfunction removeAll(){ var obj=document.getElementById( 'mySelect' ); obj.options.length=0; }4)删除一个选项optionfunction removeOne(){ var obj=document.getElementById( 'mySelect' ); //index,要删除选项的序号，这里取当前选中选项的序号 var index=obj.selectedIndex; obj.options.remove(index); }5)获得选项option的值var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].value;6)获得选项option的文本var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].text;7)修改选项optionvar obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index]= new Option( "新文本" , "新值" );8)删除selectfunction removeSelect(){ var mySelect = document.getElementById( "mySelect" ); mySelect.parentNode.removeChild(mySelect); }以上是“select标签如何设置默认选中”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！ 网页题目：select标签如何设置默认选中 路径分享：http://whjierui.cn/article/gcsssp.html 其他资讯 博野附近短视频运营公司 直播营销与运营的适用方法与经验分享 教培机构短视频运营方案 服装短视频运营面试题 短视频互联网运营 关于美图云海 美图云海专注于网站建设、小程序开发， 用心做好每一个网站，懂您所需、做您所想！ 我们比其他网络公司做的更好、做的更多， 为客户创造更大的价值，让客户更省心! MORE 相关专题 企业官网定制 小程序开发 品牌网站设计 网站建设标签 乐山网站建设 高端网站设计 公司做网站 凭什么选择我们 专业设计团队 快速响应服务 7个软件著作权 已服务3000+客户 项目检测具体全面 技术研发能力强劲 深度符合SEO优化 15项设计奖项 完善的制作流程 售后服务让您省心 网站设计案例 哥百利 家具研发、设计、生产、服务为一体的专业实木家具订做企业 蜀锦在线 汽车行业网站建设 扫一扫关注 专业团队为您解答 电话/邮箱 400-028-6601 / 028-86922220631063699@qq.com 成都（总部） 成华区 双林路22号仁禾商务楼5F 大客户专线：13518219792 网站建设（乐山站） 乐山市市中区瑞祥路一段1507号 028-86922220 业务范围包括企业网站建设、商城系统开发、品牌网站设计、旅游网站制作、英文外贸网站、教育培训门户网站开发、微信手机移动端开发、响应式网站建设、微信小程序开发、APP定制和其他类型网站定制等。 服务区域包括成都市锦江区、青羊区、武侯区、金牛区、成华区、龙泉驿、温江、新都、高新区、成都市以及全国各地接受异地服务商的公司企业或者机构。 友情链接 成都电信服务器托管成都西云机房店招门头广告牌成都小程序开发公司成都外贸网站建设成都营销网站制作营业执照代办贵阳托管服务器精神堡垒注册域名 ©2025 青羊区美图云海设计工作室（个体工商户）乐山站   蜀ICP备19037934号 028-86922220  244261566  回到顶部