URL Option ComboBox : JavaScript DHTML examples (example source code) » Form Control » Option Select ComboBox

JavaScript DHTML
C++
Java Products
Java Articles
JavaScript DHTML Home  »   Form Control   » [  Option Select ComboBox  ]   
 



URL Option ComboBox

Please note that some example is only working under IE or Firefox.

/*
JavaScript: A Beginner's Guide, Second Edition
By John Pollock

Publisher: McGraw-Hill, 

Published December 2003, 550 pages, 
ISBN 0072227907
*/

<HTML>

<HEAD>

<SCRIPT language="JavaScript">
<!--

//-->
</SCRIPT>

</HEAD>

<BODY>

<FORM name="f1"
<SELECT name="s1"
<OPTION SELECTED value="http://www.pageresource.com">PageResource 
<OPTION value="http://www.javascriptcity.com">JavaScript City
<OPTION value="http://www.wsabstract.com">Website Abstraction
<OPTION value="http://www.perl.com">Perl.com
<OPTION value="http://www.homepagetools.com">Homepage Tools
</SELECT> 
&nbsp;&nbsp; 
<INPUT type="button" name="go" value="Go!" onClick="window.location=document.f1.s1.options[document.f1.s1.selectedIndex].value">
</FORM> 

<P>
<FORM name="f2"
<SELECT name="s2" onChange="window.location=document.f2.s2.options[document.f2.s2.selectedIndex].value"
<OPTION SELECTED value="http://www.pageresource.com">PageResource 
<OPTION value="http://www.javascriptcity.com">JavaScript City
<OPTION value="http://www.wsabstract.com">Website Abstraction
<OPTION value="http://www.perl.com">Perl.com
<OPTION value="http://www.homepagetools.com">Homepage Tools
</SELECT> 
</FORM> 

</BODY>

</HTML>
Related examples in the same category
1.  Option selected index
2.  Auto Linked Option Listbox without button
3.  Change background
4.  Changing Select Element Content (two Combobox)
5.  Drop-down Redirect - No Submit button
6.  Drop-down Redirect - Submit
7.  Dropdown list (combobox) in a form
8.  dropdown list (combobox) in form 2
9.  Disable or enable an option
10.  Disable and enable a dropdown list (combobox)
11.  Return the name of the form that contains dropdown list (combobox)
12.  Number of options in the dropdown list(Combobox)
13.  Change the size of a dropdown list (ComboBox)
14.  Select multiple options in a dropdown list (option)
15.  Return the selected option as text in option
16.  Return the selected option as a number
17.  Change the option text
18.  Remove an option from a dropdown list (combobox)
19.  Methods and Properties of the Select Object
20.  Properties of the Option Object
21.   Using the Location object to change another frame's URL
22.  Using a Summary Form to Support Local Processing
23.  Navigating with a SELECT Object
24.  Using the selectedIndex Property
25.   Modifying OPTGROUP Element Labels
26.  Using the options[index].text Property
27.   Using the options[index].value Property
28.  Triggering a Color Change from a Pop-Up Menu
29.  Modifying SELECT Options
30.  Modifying SELECT Options (IE4+)
31.  Modifying SELECT Options (NN6+)
32.  Selecting an Option Using JavaScript
33.  Linked ComboBox (option) Country =- province
34.  ComboBox set value to TextField
35.  Menu(Option) Generator
36.  Show Selected Option items








Home| Contact Us
Copyright 2003 - 04 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.