DIV alleen laten zien bij bepaalde dropdown value.

[sannisinas]

Hallo allemaal, ik probeer al 2 dagen iets simpels voor elkaar te krijgen maar mijn java skills zijn nog niet al te best. Ik heb dus 2 dropdowns en een label

Als bij deze dropdown de value ETS Rep Discount is dan zou hij de volgende dropdown en label moeten laten zijn

<div class="row">
							<div class="fieldName">Discount Type</div>
							<div class="fieldValue">
								<asp:DropDownList ID="discountTypeDropDownList"  runat="server" AutoPostBack="True"
									Width="295px" OnSelectedIndexChanged="DiscountTypeDropDownList_SelectedIndexChanged">
									<asp:ListItem Value="<%$ AppSettings:DiscountType.General %>">General Discount</asp:ListItem>
									<asp:ListItem Value="<%$ AppSettings:DiscountType.Golf %>">Golf Only Rep Discount</asp:ListItem>
									<asp:ListItem Value="<%$ AppSettings:DiscountType.ETS %>">ETS Rep Discount</asp:ListItem>									
									</asp:DropDownList>
							</div>
						</div>

<div class="row">
							<div class="fieldName">Category</div>
							<div class="fieldValue">
								<asp:UpdatePanel ID="UpdatePanelCategory" runat="server">
									<ContentTemplate>
										<asp:DropDownList ID="CategoryDropDown" runat="server" Width="295px">
										</asp:DropDownList>&nbsp;
										<asp:Label ID="CategoryRequiredLabel" runat="server" Font-Bold="True" ForeColor="Red"
											Visible="False">required!</asp:Label>
									</ContentTemplate>
									<Triggers>
										<asp:AsyncPostBackTrigger ControlID="discountTypeDropDownList" /> 
									</Triggers> 
								</asp:UpdatePanel>										
							</div>
						</div>

alvast bedankt

 

[That Guy]

Maar... maar... asp


in ieder geval: dit is het idee:

<select onclick="stuff(this);">
   <!-- options hier -->
</select>

<div id='verborgen'>
   <!-- data -->
</div>

[JS]function stuff(elem)
{
var val = this.options[this.selectedIndex].value;

switch(val)
{
case 'value-van-een-optie':
// voeg hier meer case 'een-waarde' dingen bij.
document.getElementById('verborgen').style.display = 'block';
break;

default:
document.getElementById('verborgen').style.display = 'none';
break;
}
}[/JS]:thumb:

 

[sannisinas]

Bedankt voor je reactie, sorry maar ja deze applicatie is nou eenmaal ooit in C# geschreven

Snap niet helemaal wat je bedoeld met de eerste code, ik wil het eigenlijk zo dat bij de start van de pagina hij hidden is en dan aan de eerste code een onchange toevoegen op de ETS Discount value en dan dus een javascript zodat hij de 2 velden laat zien.

 

[That Guy]

Het is helemaal niet erg dat het ASP is, mn probleem is dat ik er totaal geen ervaring in heb

Hier is je dropdownlist:

<asp:DropDownList ID="discountTypeDropDownList"  runat="server" AutoPostBack="True" Width="295px" OnSelectedIndexChanged="DiscountTypeDropDownList_SelectedIndexChanged">

</asp:DropDownList>

er zit al een event listener bij:

OnSelectedIndexChanged="DiscountTypeDropDownList_SelectedIndexChanged"

echter, ik weet niet precies waar deze gedefineerd is. Is het server-side oid?

Punt is, het gaat hier om de gegenereerde source. Dus, als je deze pagina in je browser opent, staat er nergens <asp:...> - dit wordt door de server-side weggelezen en verwisseld met iets anders.

Het idee is, denk ik, dat je in je ss-asp script ergens een manier moet vinden om er een Javascript event aan te hangen. Mischien kan je het er gewoon bijzetten:

<asp:DropDownList ID="discountTypeDropDownList"  runat="server" AutoPostBack="True" Width="295px" OnSelectedIndexChanged="DiscountTypeDropDownList_SelectedIndexChanged" onclick='stuff(this);'>

ik weet het niet, het lijkt me sterk, maar je kan het altijd proberen.



:thumb: