| Author: vipul 05 Nov 2009 | Member Level: Diamond | Rating:  Points: 6 |
hi,
For that you take one dropdown and give id to it and do this way in the javascript on page load event
function binddropdown()
{
// Get Dropdown List
Combo = document.getElementById('ddlManufacturer');
// Then remove all the element from the dropdown list
for(j=Combo.options.length-1;j>=0;j--)
{
Combo.remove(j);
}
option = new Option('----- Select Manufacturer -----','-1');
Combo.options[0] = option;
// Add the element from the array
var rows = new Array();
rows[0] = 0;
rows[1] = 1;
rows[2] = 2;
rows[3] = 3;
rows[4] = 4;
rows[5] = 5;
for (k=0; k<rows.length;k++)
{
option = new Option(k,rows[1]);
Combo.options[k] = option;
}
}
Please Rate This Answer If They Helpful
Thanks & Regards
Patel Vipul
|
| Author: soniumesh 05 Nov 2009 | Member Level: Gold | Rating: Points: 2 |
Hi,
Refer this link
http://www.plus2net.com/javascript_tutorial/list-adding.php
Regard,
umesh soni
|
| Author: Nikhil Gaur 05 Nov 2009 | Member Level: Diamond | Rating: Points: 2 |
look at this link
http://www.java2s.com/Code/ASP/Asp-Control/CreateaspdropdownlistdynamicallyVBnet.htm
Join this campus group
http://www.dotnetspider.com/sites/637/-ecb-aspdotnet.aspx
Thanks & Regards
NIks
My Software and Web Development Experience
|
| Author: Lalji 05 Nov 2009 | Member Level: Diamond | Rating: Points: 2 |
The Java Script code works as when the category list box is selected the index value of the category list box passed to the java script. Based the on index value the subcategory list box is populated with the dependent values.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript">
function dropdownlist(listindex)
{
document.formname.subcategory.options.length = 0;
switch (listindex)
{
case "Home Ware" :
document.formname.subcategory.options[0]=new Option("Select Sub-Category","");
document.formname.subcategory.options[1]=new Option("Air-Conditioners/Coolers","Air-Conditioners/Coolers");
document.formname.subcategory.options[2]=new Option("Audio/Video","Audio/Video");
document.formname.subcategory.options[3]=new Option("Beddings","Beddings");
document.formname.subcategory.options[4]=new Option("Camera","Camera");
document.formname.subcategory.options[5]=new Option("Cell Phones","Cell Phones");
break;
case "Education" :
document.formname.subcategory.options[0]=new Option("Select Sub-Category","");
document.formname.subcategory.options[1]=new Option("Colleges","Colleges");
document.formname.subcategory.options[2]=new Option("Institutes","Institutes");
document.formname.subcategory.options[3]=new Option("Schools","Schools");
document.formname.subcategory.options[4]=new Option("Tuitions","Tuitions");
document.formname.subcategory.options[5]=new Option("Universities","Universities");
break;
case "Books" :
document.formname.subcategory.options[0]=new Option("Select Sub-Category","");
document.formname.subcategory.options[1]=new Option("College Books","College Books");
document.formname.subcategory.options[2]=new Option("Engineering","Engineering");
document.formname.subcategory.options[3]=new Option("Magazines","Magazines");
document.formname.subcategory.options[4]=new Option("Medicine","Medicine");
document.formname.subcategory.options[5]=new Option("References","References");
break;
}
return true;
}
</script>
</head>
<title>Dynamic Drop Down List</title>
<body>
<form id="formname" name="formname" method="post" action="submitform.asp" >
<table width="50%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td width="41%" align="right" valign="middle">Category :</td>
<td width="59%" align="left" valign="middle"><select name="category" id="category" onchange="javascript: dropdownlist(this.options[this.selectedIndex].value);">
<option value="">Select Category</option>
<option value="Home Ware">Home Ware</option>
<option value="Education">Education</option>
<option value="Books">Books</option>
</select></td>
</tr>
<tr>
<td align="right" valign="middle">Sub Category :
</td>
<td align="left" valign="middle"><script type="text/javascript" language="JavaScript">
document.write('<select name="subcategory"><option value="">Select Sub-Category</option></select>')
</script>
<noscript><select name="subcategory" id="subcategory" >
<option value="">Select Sub-Category</option>
</select>
</noscript></td>
</tr>
</table>
</form>
</body>
</html>
you also get more info from this link
---------------------------------
http://javascript.internet.com/forms/dynamic-drop-down-list-2.html
|