JavaScript操作DropDownList(Set value to dropdownlist with JavaScript)

JavaScript操作DropDownList的通用方法，来自ASP.NET Forum, NC01

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ddl.aspx.cs" Inherits="ddl" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    <!--
    function setDropDownList(elementRef, valueToSetTo)
    {
     var isFound = false;

for (var i=0; i<elementRef.options.length; i++)
     {
      if ( elementRef.options[i].value == valueToSetTo )
      {
       elementRef.options[i].selected = true;
       isFound = true;
      }
     }

if ( isFound == false )
elementRef.options[0].selected = true;
}

function setDatosCGA(ddl,strEstadoCarta)
    {
     setDropDownList(document.getElementById(ddl), strEstadoCarta);
    }

    function Button1_onclick() {
        setDatosCGA('<%=DropDownList1.ClientID %>','cc');
    }

// -->
</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server">
            <asp:ListItem>aa</asp:ListItem>
            <asp:ListItem>bb</asp:ListItem>
            <asp:ListItem>cc</asp:ListItem>
            <asp:ListItem>dd</asp:ListItem>
            <asp:ListItem>ee</asp:ListItem>
        </asp:DropDownList>
        <input id="Button1" type="button" value="button" onclick="return Button1_onclick()" />
    </div>
    </form>
</body>
</html>

JavaScript操作DropDownList(Set value to dropdownlist with JavaScript)相关推荐

如何用JavaScript操作form表单组件？
一.用JavaScript操作按钮: <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...
javascript操作cookie
javascript操作cookie 代码 01 function getCookie(name) 02 { 03 var arr,reg=new RegExp("(^| )"+n ...
Javascript操作table,tr,td和表格CSS样式设置小常识
效果良好的表属性设置: <table cellSpacing="0" cellPadding="0" border='1' bordercolor=&qu ...
javascript 操作日期测试(注意浏览器兼容问题）
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ...
Javascript操作DOM常用API总结
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念在讲解操作DOM的api之前, ...
JavaScript操作DOM对象
目录一.DOM操作 (一).DOM操作分类 (二).节点和节点的关系 (三).访问节点 (四).节点信息二.操作节点 (一)操作节点的属性 (二).创建和插入节点 (三).删除和替换节点 (四). ...
用 JavaScript 操作字符串
虽然 JavaScript 有很多用处,但是处理字符串是其中最流行的一个.下面让我们深入地分析一下使用 JavaScript 操作字符串.在 JavaScript 中, String 是对象. Str ...
整理javascript操作文件说明．
Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼.富有朝气.但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读.写和删除,就象在VB.VC等高 ...
【repost】Javascript操作DOM常用API总结
Javascript操作DOM常用API总结文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认 ...

JavaScript操作DropDownList(Set value to dropdownlist with JavaScript)

JavaScript操作DropDownList(Set value to dropdownlist with JavaScript)相关推荐

最新文章

热门文章