Quick Search for:  in language:    
Often,items,select,control,form,will,dependan
   Code/Articles ╗ |  Newest/Best ╗ |  Community ╗ |  Jobs ╗ |  Other ╗ |  Goto ╗ | 
CategoriesSearch Newest CodeCoding ContestCode of the DayAsk A ProJobsUpload
Java/ Javascript Stats

 Code: 228,322. lines
 Jobs: 100. postings

 How to support the site

 
Sponsored by:

 
You are in:
 
Login





Latest Code Ticker for Java/ Javascript.
Vending Machine Example, GUI Version.
By JJG on 1/16


Vending Machine Console Example
By JJG on 1/16


Linear Fit From X/Y Coordinates
By JJG on 1/16


Click here to see a screenshot of this code!PV iTime 1.0 J2ME
By Pavol Valentin on 1/16

(Screen Shot)

Falcon Fighter V_2_0
By Tarokahn on 1/15


Fibonacci Sequnce
By Danny Baruh Kaplun on 1/15


Prime Calculator
By Danny Baruh Kaplun on 1/15


Click here to see a screenshot of this code!EasyFTP 1.0
By Marcelo Valle Franco on 1/15

(Screen Shot)

Click here to see a screenshot of this code!A basic Client Server Application III
By Ronald Holland on 1/13

(Screen Shot)

Click here to put this ticker on your site!


Add this ticker to your desktop!


Daily Code Email
To join the 'Code of the Day' Mailing List click here!

Affiliate Sites



 
 
   

Dynamically populate an HTML select control

Print
Email
 
VB icon
Submitted on: 5/22/2003 3:00:16 AM
By: Simon Goodwin  
Level: Intermediate
User Rating: By 1 Users
Compatibility:JavaScript

Users have accessed this code 2086 times.
 

(About the author)
 
     Often the items of a select control on a form will be dependant on the selectedIndex of a different control. this function allows this to be handled without a server trip. to be truly useful the various arrays of items for the dependant control would need to be populated by server-side scripting but this is still a good example of the coding required
 
code:
Can't Copy and Paste this?
Click here for a copy-and-paste friendly version of this code!
 
Terms of Agreement:   
By using this code, you agree to the following terms...   
1) You may use this code in your own programs (and may compile it into a program and distribute it in compiled format for languages that allow it) freely and with no charge.   
2) You MAY NOT redistribute this code (for example to a web site) without written permission from the original author. Failure to do so is a violation of copyright laws.   
3) You may link to this code from another website, but ONLY if it is not wrapped in a frame. 
4) You will abide by any additional copyright restrictions which the author may have placed in the code or code's description.

//**************************************
//     
// Name: Dynamically populate an HTML se
//     lect control
// Description:Often the items of a sele
//     ct control on a form will be dependant o
//     n the selectedIndex of a different contr
//     ol.
this function allows this to be handled without a server trip. to be truly useful the various arrays of items for the 
dependant control would need to be populated by server-side scripting but this is still a good example of the coding required
// By: Simon Goodwin
//
// Side Effects:Only tested on IE5 +
//
//This code is copyrighted and has// limited warranties.Please see http://
//     www.Planet-Source-Code.com/vb/scripts/Sh
//     owCode.asp?txtCodeId=3598&lngWId;=2//for details.//**************************************
//     

function setRelationship(seed)
    	{
    	var arr = new Array();
    	switch(seed)
        	{
        	case 0:
        	// takes a comma delimited string value then text displayed
        	arr[0] = "1,JS Applications and Games";
        	arr[1] = "2,JS Arrays";
        	arr[2] = "3,JS Behaviours";
        	arr[3] = "4,JS Browser Compatibility";
        	arr[4] = "5,JS Colors and Images";
        	arr[5] = "6,JS Debugging";
        	arr[6] = "7,JS DOM";
        	arr[7] = "8,JS Dynamic HTML";
        	arr[8] = "9,JS Events";
        	arr[9] = "10,JS Forms";
        	break;
        	case 1:
        	arr[0] = "1,VB Applications and Games";
        	arr[1] = "2,VB Arrays";
        	arr[2] = "3,VB Behaviours";
        	arr[3] = "4,VB Browser Compatibility";
        	break;
        	case 2:
        	arr[0] = "1,SQL Games without frontiers";
        	arr[1] = "2,SQL Code Bank stuff";
        	arr[2] = "3,SQL Operators";
        	arr[3] = "4,SQL Platform Compatibility";
        	break;
        	}
        	// clears any existing items	
        	document.forms[0].ddlCategories.options.length = 0	
        	// loops through the array adding item text/value	
        	for(var i=0;i<Arr.length;i++)
            	{
            		document.forms[0].ddlCategories.options.length ++;
            		document.forms[0].ddlCategories.options[i].value = arr[i].split(",")[0];
            		document.forms[0].ddlCategories.options[i].text = arr[i].split(",")[1];
            	}
            	}	
            			<!-- HTML for example -->
            				<SELECT name="ddlLanguages" id="ddlLanguages" style="font-family:Verdana;" onchange="setRelationship(this.selectedIndex)">
            					<OPTION value="1">Javascript</OPTION>
            					<OPTION value="2">VBscript</OPTION>
            					<OPTION value="3">SQL</OPTION>
            				</SELECT>
            				<BR />
            				<BR />
            				<HR width="300" size="1" color="black" />
            				<BR />
            				<BR />
            				<SELECT name="ddlCategories" id="ddlCategories" style="font-family:Verdana;">
            					<OPTION value=""></OPTION>
            				</SELECT>


Other 10 submission(s) by this author

 

 
Report Bad Submission
Use this form to notify us if this entry should be deleted (i.e contains no code, is a virus, etc.).
Reason:
 
Your Vote!

What do you think of this code(in the Intermediate category)?
(The code with your highest vote will win this month's coding contest!)
Excellent  Good  Average  Below Average  Poor See Voting Log
 
Other User Comments
8/2/2003 8:16:42 PM:
Unfortunately I don't seem to be able 
to get the second drop down to appear
Keep the Planet clean! If this comment was disrespectful, please report it:
Reason:

 
8/11/2003 2:52:08 AM:Simon Goodwin
Looks like I ommited the form tag 
around the HTML elements of this 
example. They are required - Sorry!
Keep the Planet clean! If this comment was disrespectful, please report it:
Reason:

 
Add Your Feedback!
Note:Not only will your feedback be posted, but an email will be sent to the code's author in your name.

NOTICE: The author of this code has been kind enough to share it with you.  If you have a criticism, please state it politely or it will be deleted.

For feedback not related to this particular code, please click here.
 
Name:
Comment:

 

Categories | Articles and Tutorials | Advanced Search | Recommended Reading | Upload | Newest Code | Code of the Month | Code of the Day | All Time Hall of Fame | Coding Contest | Search for a job | Post a Job | Ask a Pro Discussion Forum | Live Chat | Feedback | Customize | Java/ Javascript Home | Site Home | Other Sites | About the Site | Feedback | Link to the Site | Awards | Advertising | Privacy

Copyrightę 1997 by Exhedra Solutions, Inc. All Rights Reserved.  By using this site you agree to its Terms and Conditions.  Planet Source Code (tm) and the phrase "Dream It. Code It" (tm) are trademarks of Exhedra Solutions, Inc.