2012-07-13 127 views
-6

只想問你們在這裏,我有一個下拉列表框存儲元素; A和B.當用戶選擇A時,它將在同一頁面中顯示5個文本框。只有當用戶選擇A和B時,它纔會顯示。如果你知道如何操作,請點擊答案答案或評論按鈕。 Thnks,祝你有美好的一天!在下拉列表中選擇後顯示文本框

+0

如果您選擇B,會發生什麼? – abramlimpin 2012-07-13 03:29:15

+0

[你有什麼嘗試?](http://whathaveyoutried.com/) – Bill 2012-07-13 03:32:22

+1

downvoted一個非常不清楚的問題。 – 2012-07-13 03:33:13

回答

-1
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 
    } 

} 

默認情況下,請確保您的Textbox控制的Visible屬性設置爲False。 啓用DropDownList控件的AutoPostBackTrue

+0

謝謝! U救了我:) – aemy 2012-07-13 03:36:25

+0

嘿,爲什麼當我點擊B,文本框不顯示? A和B應該顯示文本框。如果用戶沒有選擇任何東西,文本框是invi。 Thresholds – aemy 2012-07-13 04:33:46

+0

這隻顯示用戶選擇一個選項時的文本框,並提交表單,如果有一個提交按鈕,我不認爲這回答了這個問題@aemy你不應該接受這個作爲正確的答案之前嘗試它。 – Scarl 2017-10-29 04:40:13

0

你可以用兩種方法做到這一點。

通過使用javascript:

你textboxs被包括在與dispaly:none;標記並且在那裏dropdownselect顯示屬性設置爲阻塞。

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:

你textboxs有visible="false"最初並在dropdownselect改變他們的財產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 
    } 

} 
0
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; 


      } 
} 

在使用開關盒的幫助下,您可以添加儘可能多的條件。

相關問題