• 技术文章 >web前端 >js教程

    JS简单操作select和dropdownlist实例_javascript技巧

    2016-05-16 16:30:19原创613
    本文实例讲述了JS简单操作select和dropdownlist的方法。分享给大家供大家参考。具体实现方法如下:

    一、js选中服务器控件select与dropdownlist

    1. js操作服务器控件select

    复制代码 代码如下:


    //js操作服务器控件dropdownlist

    选项0
    选项1


    选项0
    选项1


    JS代码:
    复制代码 代码如下:
    document.getElementById("ddlFolder").value="0";//0为你要选中的项的value

    2. 根据Text值设置选中某项

    复制代码 代码如下:
    var DropDownListCurrencyNew = document.getElementById("ddlFolder");
    for(i = 0; i < DropDownListCurrencyNew.options.length; i++)
    {
    if(DropDownListCurrencyNew.options[i].text == "选项0")
    {
    DropDownListCurrencyNew.options[i].selected = true;
    }
    }

    二、js读取DropDownList选中项的value和text

    Value:

    复制代码 代码如下:
    var selValue = document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].value;

    Text:

    复制代码 代码如下:
    var selText = document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].text;

    希望本文所述对大家的js与.net程序设计有所帮助。

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:JS 操作 select dropdownlist
    上一篇:JavaScript导出Excel实例详解_javascript技巧 下一篇:JS倒计时代码汇总_javascript技巧
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 什么是消息队列?node中如何使用消息队列?• 18个常见angular面试题(附答案分析)• JavaScript的Symbol类型、隐藏属性及全局注册表详解• 浅析IDEA中如何开发Angular• 整理总结JavaScript常见的BOM操作
    1/1

    PHP中文网