为了账号安全,请及时绑定邮箱和手机立即绑定

DropDownList的值去控制TextBox是否可编写

标签:
JavaScript

Web窗体上有两控件,DropDownList1,TextBox1,当DropDownList的值选择是YES的时候,TextBox1可编辑,当选择NO的时候,TextBox1的值为空,并且不能编辑,该如何实现?

效果:

 

.aspx:

View Code <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:DropDownList ID="DropDownListYesNo" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
        </asp:DropDownList>
        <asp:TextBox ID="TextBox1" runat="server" Enabled="true"></asp:TextBox>
    </form>
</body>
</html>

 

.aspx.cs:

View Code using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Data_Binding();
        }
    }

    private void Data_Binding()
    {
        this.DropDownListYesNo.DataSource = GetData().Select(yn => new { value = yn }).ToList();
        this.DropDownListYesNo.DataTextField = "value";
        this.DropDownListYesNo.DataBind();
    }

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {      
        switch (this.DropDownListYesNo.SelectedItem.Text)
        {
            case "YES":
                this.TextBox1.Enabled = true;
                break;
            case "NO":
                this.TextBox1.Enabled = false;
                this.TextBox1.Text = string.Empty;
                break;
        }
    }

    private List<string> GetData()
    {
        List<string> yn = new List<string>();
        yn.Add("YES");
        yn.Add("NO");
        return yn;
    }
}

 

 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消