Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js select操作参考

js select操作参考

发布时间:2017-01-16   编辑:www.jquerycn.cn
jquery中文网为您提供js select操作参考 等资源,欢迎您收藏本站,我们将为您提供最新的js select操作参考 资源
里面主要讲了select的获取值,向select选项中 加入一个Item 从select选项中 删除一个Item 删除select中选中的项 修改select选项中 value=\"paraValue\"的text为\"paraText 设置select中text=\"paraText\"的第一个Item为选中
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript select结合_</title> <script language="javascript" type="text/javascript"> function vtOption(){ var s1=document.getElementById("select1"); var sV=s1.options[s1.selectedIndex].value; var sT=s1.options[s1.selectedIndex].text; alert(sV "n" sT); } function addOption1(){ var s1=document.getElementById("select1"); var newOp1=new Option; newOp1.value="3"; newOp1.text="这是3"; var newOp2=new Option; newOp2.value="4"; newOp2.text="这是4"; s1.add(newOp1); s1.add(newOp2); } function addOption2(){ var s1=document.getElementById("select1"); for(var i=3;i<5;i ){ var newOp1=new Option("这是" i,i); //var newOp1=new Option; //newOp1.value=i; //newOp1.text="这是" i; s1.add(newOp1); } } function addOption3(){ var s1=document.getElementById("select1"); s1.options.length=0;//清除以前的选项 for(var i=3;i<7;i ){ var newOp1=new Option("这是" i,i); //var newOp1=new Option; //newOp1.value=i; //newOp1.text="这是" i; s1.add(newOp1); } } function remOption(){ var s1=document.getElementById("select1"); for(var i=s1.options.length;i>=0;i--){ s1.options.remove(i); } } function remOptionSelected(){ var s1=document.getElementById("select1"); var i=s1.selectedIndex; //alert(i); s1.options.remove(i); } </script> </head> <body> <select name="select" id="select1"> <option value="1">这是1</option> <option value="2">这是2</option> </select> 取值 增加1 增加2 增加3 删除选项 删除选取选项 </body> </html> </textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
动态添加与删除select中Option对象的JS脚本
JS操作SELECT表单方法收集(赋默认值,取值,增,删等)
JS、Jquery向select下添加option的区别分析
JS获取select中option、text、value的例子
js实现网页上所有select添加title的代码
javascript操作Select options集合的实例介绍
jquery操作select取值赋值与设置选中
jquery对select列表取值与赋值
jQuery对Select的操作大集合(收藏)
PHP PDO数据库类select操作

[关闭]