如何通過點擊單選按鈕使文本框中的數據消失？

Question

我有這種形式，有一個下拉列表。當用戶選擇列表時，相應的數據出現在文本框中。

現在，我需要使數據消失，如果用戶點擊單選按鈕 - 是在該部分;而不是當用戶在表單末尾點擊提交。

我在下面的代碼不會使數據消失。

這裏是我的代碼，我曾嘗試：

protected void OtherVendor_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    // use User entered infor - use Insert ? 
    if (OtherVendor.Text == "Yes") 
    { 
     txtSupplierEmail.Text = string.Empty; 
     txtSupplierName.Text = string.Empty; 
     txtSupplierName.Text = string.Empty; 
     txtSupplierCttPerson.Text = string.Empty; 
     txtSupplierCttNumber.Text = string.Empty; 
     txtSupplierEmail.Text = string.Empty; 
     txtSupplierName.Text = string.Empty; 
     txtSupplierCttPerson.Text = string.Empty; 
     txtSupplierCttNumber.Text = string.Empty;   
    }   
} 

而且我的html代碼：

<div class="row"> 
    <div class="col-lg-12"> 
     <div id="divAP" 
      class="panel panel-primary"> 
      <div class="panel-heading">Supplier Information</div> 
      <div class="panel-body"> 
       <div class="col-sm-6 col-lg-6"> 
        <asp:UpdatePanel ID="UpdatePanel4" 
            runat="server"> 
         <ContentTemplate> 
          <div class="form-group row"> 
           <label class="col-md-4 control-label" 
             for="inputRefNo">Vendor : 
            <span style="color: red">*</span> 
           </label> 
           <div class="input-group col-md-8"> 
            <asp:DropDownList ID="ddlSupplier" 
                 OnSelectedIndexChanged="ddl1_SelectedIndexChanged" 
                 runat="server" 
                 CssClass="form-control" 
                 AutoPostBack="true"></asp:DropDownList> 
           </div> 
          </div> 
          <div class="form-group row"> 
           <label class="col-md-4 control-label" 
             for="radios">Others Vendor 
            <span style="color: red">*</span> 
           </label> 
           <div class="col-md-4"> 
            <label class="col-md-4 control-label"> 
             <asp:RadioButtonList ID="OtherVendor" 
                  runat="server" 
                  OnSelectedIndexChanged="OtherVendor_SelectedIndexChanged" 
                  RepeatColumns="2" 
                  RepeatDirection="Horizontal" 
                  AutoPostBack="true"> 
              <asp:ListItem Text="Yes" 
                  value="Yes"></asp:ListItem> 
              <asp:ListItem Text="No" 
                  value="No"></asp:ListItem> 
             </asp:RadioButtonList> 
            </label> 
           </div> 
           <%--To insert code for letting user filling up Supplier email - to have auto-pop up and enable overwrite etc. --%> 
          </div> 
          <div class="form-group row"> 
           <label class="col-md-4 control-label" 
             for="inputRefNo">Vendor Email: 
            <span style="color: red">*</span> 
           </label> 
           <div class="col-md-4 control-label" 
            for="inputRefNo"> 
            <asp:TextBox ID="txtSupplierEmail" 
               runat="server" 
               Text="Label" 
               Width="100%" 
               CssClass="form-control"></asp:TextBox> 
           </div> 
          </div> 
         </ContentTemplate> 
        </asp:UpdatePanel> 

Answer 1

我不知道它是否是一個錯字或沒有，反正在你的標記你指定爲AutoPostBck，但實際上應該是AutoPostBack;這意味着Bck應該Back

一個建議給你，而不是你的條件下使用OtherVendor.Text可以格式化條件是這樣的：

if (OtherVendor.SelectedValue == "Yes") 
{ 
    // Clear controls here 
} 
else 
{ 
    // Do something else 
}