扩展阅读
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • 去除HTML标签删除HTML示例代码
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • python实现html转ubb代码(html2ubb)
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • asp.net去除HTML标签删除HTML小例子
  •  
    当前位置:  Web服务器/前端>html/css

    HTML中的<select>标签如何设置默认选中的选项

     
    分享到:
        发布时间:2013-7-24  


        本文导语:  方法有两种。 第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果。 <select id= "sel"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option v...

    方法有两种。

    第一种通过<select>的属性来设置选中项,此方法可以在动态语言php后台根据需要控制输出结果。

    <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;

    一些其它操作<select>标签技巧如下:

    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);
    }


    • 本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.169IT.COM)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:HTML中的<select>标签如何设置默认选中的选项
    相关文章推荐:


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

    浙ICP备11055608号