Question

我想在这里问你们，我有一个存储元素的下拉列表框; A和B.当用户选择A时，它将在同一页面中显示5个文本框。它仅在用户选择A和B时显示。如果您知道如何操作，请按答案答案或评论按钮。渴望过得愉快！

Answer 1

你可以用两种方式做到这一点。

使用javascript：

您的文本框包含在dispaly:none;的标记中，并且在dropdown选择时，display属性设置为阻止。

DropDownList.Attributes.Add("onChange", "return OnSelectedIndexChange();") 
function OnSelectedIndexChange()

{
document.getElementById("TextBox1").style.display="block";
document.getElementById("TextBox2").style.display="block";
document.getElementById("TextBox3").style.display="block";
document.getElementById("TextBox4").style.display="block";
document.getElementById("TextBox5").style.display="block";
}

使用AJAX：

您的文本框最初为visible="false"，并且在dropdown选择时更改其属性visible="true"。

protected void DropDownList_SelectedIndexChanged(object sender, EventArgs e)
{
    if (DropDownList.SelectedItem.Text == "A")
    {
        TextBox1.Visible = true;
        TextBox2.Visible = true;
        TextBox3.Visible = true;
        TextBox4.Visible = true;
        TextBox5.Visible = true;
    }
    else
    { 
        // do something
    }

}

Answer 2

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{

string txt = this.DropDownList1.SelectedValue;

 switch (txt)
            {
                case "A":
                  TextBox1.Visible = true;
                  TextBox2.Visible = true;
                  TextBox3.Visible = true;
                  TextBox4.Visible = true;
                  TextBox5.Visible = true;
                    break;
                case "do something":
                   do something
                    break;


            }
}

在使用开关案例的帮助下，您可以添加任意数量的条件。

Answer 3

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
    if (DropDownList1.SelectedItem.Text == "A")
    {
        TextBox1.Visible = true;
        TextBox2.Visible = true;
        TextBox3.Visible = true;
        TextBox4.Visible = true;
        TextBox5.Visible = true;
    }
    else
    { 
        // do something
    }

}

默认情况下，请确保将Visible控件的Textbox属性设置为False。将AutoPostBack控件的DropDownList设为True。

在下拉列表中选择后显示文本框

3 个答案: