select标签如何设置默认选中-创新互联
这篇文章主要为大家展示了“select标签如何设置默认选中”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“select标签如何设置默认选中”这篇文章吧。
创新互联公司专注于做网站、网站制作、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户,用严谨的态度对待客户,用专业的服务创造价值,成为客户值得信赖的朋友,为客户解除后顾之忧。方法有两种。
第一种 通过
< select id = "sel" > < option value = "1" >1 option > < option value = "2" selected = "selected" >2 option > < option value = "3" >3 option > select >
第二种 为通过前端js来控制选中的项:
< script type = "text/javascript" > function change(){ document.getElementById("sel")[2].selected=true; } script > < select id = "sel" > < option value = "1" >1 option > < option value = "2" >2 option > < option value = "3" >3 option > select > < input type = "button" value = "修改" onclick = "change()" />
获取
var val = document.all.Item.options[document.all.Item.selectedIndex].text var i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value;
一些其它操作
1)动态创建select
function createSelect(){ var mySelect = document.createElement( "select" ); mySelect.id = "mySelect" ; document.body.appendChild(mySelect); }
2)添加选项option
function addOption(){ //根据id查找对象, var obj=document.getElementById( 'mySelect' ); //添加一个选项 obj.add( new Option( "文本" , "值" )); }
3)删除所有选项option
function removeAll(){ var obj=document.getElementById( 'mySelect' ); obj.options.length=0; }
4)删除一个选项option
function 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)修改选项option
var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号,取当前选中选项的序号 var val = obj.options[index]= new Option( "新文本" , "新值" );
8)删除select
function removeSelect(){ var mySelect = document.getElementById( "mySelect" ); mySelect.parentNode.removeChild(mySelect); }
以上是“select标签如何设置默认选中”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联成都网站设计公司行业资讯频道!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享标题:select标签如何设置默认选中-创新互联
本文来源:http://scyanting.com/article/djhsec.html