Ok, this is a doozy of a question... involving Javascript and the Dot Net Framework....
I have a dropdown list with 14 options (the first being blank):
Code:
<asp:DropDownList ID="DLIndustries" runat="server" AutoPostBack="True">
<asp:ListItem> </asp:ListItem>
<asp:ListItem>Attorney</asp:ListItem>
<asp:ListItem>Auto Repair</asp:ListItem>
<asp:ListItem>Bagel/Donut Shop</asp:ListItem>
<asp:ListItem>Car Wash/ Detailing</asp:ListItem>
<asp:ListItem>Doctor / Dentist</asp:ListItem>
<asp:ListItem>Dry Cleaners</asp:ListItem>
<asp:ListItem>Frame Shop</asp:ListItem>
<asp:ListItem>Hair/Nail/Tanning Salon</asp:ListItem>
<asp:ListItem>Heating and Cooling</asp:ListItem>
<asp:ListItem>Photo Lab</asp:ListItem>
<asp:ListItem>Pizzeria/Deli</asp:ListItem>
<asp:ListItem>Restaurant</asp:ListItem>
<asp:ListItem>Clothing/Shoe Retailers</asp:ListItem>
<asp:ListItem>Window Tinting</asp:ListItem>
Now, my question is this... How can I make it so that a user selects one of the options and I get a bulleted list (<ul>) to show up in an area below the Dropdown List?
I've tried this:
Code:
function displayText()
var DLIndy = DLIndustries.SelectedIndex;
if (DLIndy = "Attorney")
{
Document.Write("<ul><li>1 Bullet List Item 1</li><li>1 Bullet List Item 2</li><li>1 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Auto Repair")
{
Document.Write("<ul><li>2 Bullet List Item 1</li><li>2 Bullet List Item 2</li><li>2 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Bagel/Donut Shop")
{
Document.Write("<ul><li>3 Bullet List Item 1</li><li>3 Bullet List Item 2</li><li>3 Bullet List Item 3</li></ul>");
{
else if (DLIndy = "Car Wash/ Detailing")
{
Document.Write("<ul><li>4 Bullet List Item 1</li><li>4 Bullet List Item 2</li><li>4 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Doctor / Dentist")
{
Document.Write("<ul><li>5 Bullet List Item 1</li><li>5 Bullet List Item 2</li><li>5 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Dry Cleaners")
{
Document.Write("<ul><li>6 Bullet List Item 1</li><li>6 Bullet List Item 2</li><li>6 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Frame Shop")
{
Document.Write("<ul><li>7 Bullet List Item 1</li><li>7 Bullet List Item 2</li><li>7 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Hair/Nail/Tanning Salon")
{
Document.Write("<ul><li>8 Bullet List Item 1</li><li>8 Bullet List Item 2</li><li>8 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Heating and Cooling'")
{
Document.Write("<ul><li>9 Bullet List Item 1</li><li>9 Bullet List Item 2</li><li>9 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Photo Lab")
{
Document.Write("<ul><li>10 Bullet List Item 1</li><li>10 Bullet List Item 2</li><li>10 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Pizzeria/Deli")
{
Document.Write("<ul><li>11 Bullet List Item 1</li><li>11 Bullet List Item 2</li><li>11 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Restaurant")
{
Document.Write("<ul><li>12 Bullet List Item 1</li><li>12 Bullet List Item 2</li><li>12 Bullet List Item 3</li></ul>");
}
else if {DLIndy = "Clothing/Shoe Retailers")
{
Document.Write("<ul><li>13 Bullet List Item 1</li><li>13 Bullet List Item 2</li><li>13 Bullet List Item 3</li></ul>");
}
else if (DLIndy = "Window Tinting")
{
Document.Write("<ul><li>14 Bullet List Item 1</li><li>14 Bullet List Item 2</li><li>14 Bullet List Item 3</li></ul>");
}
And, I've even tried it this way using a "switch".... (note the "//" commenting out things I've tried in this code)
Code:
function Response () {
var DLIndy = DLIndustries.SelectedIndex;
// var control = $get('<%= this.mycontrol.ClientID %>');
// var selectedvalue = control.options[control.selectedIndex].value;
// this.options[this.selectedIndex].text
switch (response)
{
case "Attorney" :
Document.Write("<ul><li>1 Bullet List Item 1</li><li>1 Bullet List Item 2</li><li>1 Bullet List Item 3</li></ul>");
break;
case "Auto Repair" :
Document.Write("<ul><li>2 Bullet List Item 1</li><li>2 Bullet List Item 2</li><li>2 Bullet List Item 3</li></ul>");
break;
case "Bagel/Donut Shop" :
Document.Write("<ul><li>3 Bullet List Item 1</li><li>3 Bullet List Item 2</li><li>3 Bullet List Item 3</li></ul>");
break;
case "Car Wash/ Detailing" :
Document.Write("<ul><li>4 Bullet List Item 1</li><li>4 Bullet List Item 2</li><li>4 Bullet List Item 3</li></ul>");
break;
case "Doctor / Dentist" :
Document.Write("<ul><li>5 Bullet List Item 1</li><li>5 Bullet List Item 2</li><li>5 Bullet List Item 3</li></ul>");
break;
case "Dry Cleaners" :
Document.Write("<ul><li>6 Bullet List Item 1</li><li>6 Bullet List Item 2</li><li>6 Bullet List Item 3</li></ul>");
break;
case "Frame Shop" :
Document.Write("<ul><li>7 Bullet List Item 1</li><li>7 Bullet List Item 2</li><li>7 Bullet List Item 3</li></ul>");
break;
case "Hair/Nail/Tanning Salon" :
Document.Write("<ul><li>8 Bullet List Item 1</li><li>8 Bullet List Item 2</li><li>8 Bullet List Item 3</li></ul>");
break;
case "Heating and Cooling" :
Document.Write("<ul><li>9 Bullet List Item 1</li><li>9 Bullet List Item 2</li><li>9 Bullet List Item 3</li></ul>");
break;
case "Photo Lab" :
Document.Write("<ul><li>10 Bullet List Item 1</li><li>10 Bullet List Item 2</li><li>10 Bullet List Item 3</li></ul>");
break;
case "Pizzeria/Deli" :
Document.Write("<ul><li>11 Bullet List Item 1</li><li>11 Bullet List Item 2</li><li>11 Bullet List Item 3</li></ul>");
break;
case "Restaurant" :
Document.Write("<ul><li>12 Bullet List Item 1</li><li>12 Bullet List Item 2</li><li>12 Bullet List Item 3</li></ul>");
break;
case "Clothing/Shoe Retailers" :
Document.Write("<ul><li>13 Bullet List Item 1</li><li>13 Bullet List Item 2</li><li>13 Bullet List Item 3</li></ul>");
break;
case "Window Tinting" :
Document.Write("<ul><li>14 Bullet List Item 1</li><li>14 Bullet List Item 2</li><li>14 Bullet List Item 3</li></ul>");
break;
}
}
So, what am I missing? This is for work, so any and all help would be appreciated and it's facing a deadline. Please bare in mind that I'm not all that good at javascript, which is why I'm here... I'd rather do it in .NET, but the boss is a javascript guru and wishes to see it in that format so, if he needs to modify it on a day that I'm not here, he'll be able to figure it out with reletive ease. (Why am I not asking him for help? Because my job depends on it....  )
Thanks in advance.
__________________
Need a vacation.
Last edited by mb2000inc; 12-30-2008 at 05:04 PM..
|
