惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

IT之家
IT之家
博客园 - 聂微东
雷峰网
雷峰网
Microsoft Azure Blog
Microsoft Azure Blog
WordPress大学
WordPress大学
Hugging Face - Blog
Hugging Face - Blog
S
SegmentFault 最新的问题
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
Tailwind CSS Blog
博客园 - 三生石上(FineUI控件)
V
Visual Studio Blog
博客园 - 司徒正美
爱范儿
爱范儿
月光博客
月光博客
阮一峰的网络日志
阮一峰的网络日志
博客园_首页
博客园 - 【当耐特】
Jina AI
Jina AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
酷 壳 – CoolShell
酷 壳 – CoolShell
大猫的无限游戏
大猫的无限游戏
小众软件
小众软件
人人都是产品经理
人人都是产品经理
V
V2EX

博客园 - DonLiang

有趣的排序 如何在ASP.NET2.0中通过Gmail发送邮件 C# - 函数参数的传递 使用ACE构建一个简单的客户端 【AJAX Volume2 - 02】Sys.Net.WebRequest 【AJAX Volume2 - 01】Sys.Application.notifyScriptLoaded 为VS2005安装STLport 慢性疲劳综合症的表现与干预[转] - DonLiang - 博客园 一点设想 励志生活-英国式选秀带来的启示 我是该说点什么了…… 《赢在中国》 AJAX里TabContainer的CSS 重生 风流总被雨打风吹去..... ASP.NET里的路径的使用-客户端标记 ASP.NET里的路径的使用-预备篇 MYSQL中的LAST_INSERT_ID()和MSSQL中的@@IDENTITY 一线曙光
为CheckBox和DropDownList添加一个简易的JavaScript
DonLiang · 2007-05-08 · via 博客园 - DonLiang

今天某人问我一个问题,有关<asp:CheckBox>和<asp:DropDownList>的JS的使用。
情况是这样的,如下图:

Auto Select是一<asp:Label>;然后,接下来的是<asp:CheckBox>和<asp:DropDownList>。现在希望,当勾了Manual select后,可以从下拉列表中选择一个值,用来代替Auto select这个值。
很常见的一个应用。很多人问,对于这样的简单的应用,为什么不直接使用html控件?哎,我也这样想。但是,现实中是没办法的,现在很多人习惯使用这样的asp控件,由于操作起来的简便性,VS很聪明的。OK,那么使用AutoPostBack属性不一样可以选来选去吗,为什么要JS?嚯嚯,主要是好看些,页面不用闪啊闪啊的,那样很烦的,不是?
好了,废话少说,这是简单的应用,所以,三下五除二地,手动为<asp:CheckBox>添加一个onclick;为<asp:DropDownList>添加一个onchange。就是这么简单。
代码如下:

页面代码

两段简单的JS如下:

<script language="javascript">
function check()
{
    var checkbox
=document.getElementById('chkManual');
    var result
=document.getElementById('lblResult');
    var dropdown
=document.getElementById('ddlManual');
    
if(checkbox.checked)
    
{
        result.innerText
='Manual select 1';  
        dropdown.disabled
=false;
    }

    
else
    
{
        result.innerText
='Auto select';
        dropdown.selectedIndex
=0;
        dropdown.disabled
=true;
    }

}


function dropdown()
{
    var result
=document.getElementById('lblResult');
    var dropdown
=document.getElementById('ddlManual');
    result.innerText
=dropdown.value;
}

</script>

也没仔细思考,如有什么问题,希望大家告知我一声,谢谢。