User-369506445 posted
i think your problem is about your drop-down binding.In this line
ddlType.DataTextField = "Type";
ddlType.DataValueField = "ID";
and in your script use
if (document.getElementById("<%= ddlType.ClientID %>").value == "type1") {
that if not work , because value is ID and it's different from text in drop-down.
please change your script to below script :
<script>
function change() {
var e = document.getElementById("<%= ddlType.ClientID %>");
if (e.options[e.selectedIndex].text == "type1") {
document.getElementById("<%= fileUpload.ClientID %>").style.display = 'none';
}
else {
document.getElementById("<%= fileUpload.ClientID %>").style.display = 'block';
}
}
</script>
also i create a full sample for fetch from database and bind to drop-down
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script>
function change() {
var e = document.getElementById("<%= ddlType.ClientID %>");
if (e.options[e.selectedIndex].text == "type1") {
document.getElementById("<%= fileUpload.ClientID %>").style.display = 'none';
}
else {
document.getElementById("<%= fileUpload.ClientID %>").style.display = 'block';
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="ui-dialog-message">
</div>
<div id="divRequestForm" class="MainForm">
<table width="100%">
<tr>
<td>Type
</td>
<td>
<asp:DropDownList ID="ddlType" runat="server" Width="100%" CssClass="NormalSelect" onChange="change()">
</asp:DropDownList>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="Server" ErrorMessage=" Must enter Type" ControlToValidate="ddlType"
Display="dynamic" CssClass="ValidationError"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>Attachment
</td>
<td>
<asp:FileUpload ID="fileUpload" runat="server" CssClass="NormalSelect" Style="display: none;"></asp:FileUpload>
</td>
<td>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
protected void Page_Load(object sender, EventArgs e)
{
DataTable subjects = new DataTable();
using (SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnStringDb"].ConnectionString))
{
try
{
SqlDataAdapter adapter =
new SqlDataAdapter("SELECT Id, [Type] FROM [Table]", con);
adapter.Fill(subjects);
ddlType.DataSource = subjects;
ddlType.DataTextField = "Type";
ddlType.DataValueField = "ID";
ddlType.DataBind();
}
catch (Exception ex)
{
// Handle the error
}
}
}
