Using the Location object to change another frame's URL : 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  ]   
 



Using the Location object to change another frame's URL

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


/*
JavaScript Unleashed, Third Edition
by Richard Wagner and R. Allen Wyke 

ISBN: 067231763X
Publisher Sams CopyRight 2000

*/

<html>
<head>
<title>Footnotes Frame in Location Object Example</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
     function gotoPage() {
       window.location.href = window.document.loc.ProtocolField.
        options[window.document.loc.ProtocolField.selectedIndex].text
        + document.loc.HostnameField.value + document.loc.PathnameField.value
     }
//-->
</SCRIPT>
</head>
<body>
<p><font size=5>protocol//hostname:port pathname</font></p>
<form name="loc" method="POST">
<pre>Protocol:    Hostname:              Pathname:
<select name="ProtocolField" size=1>
<option>http://</option>
<option>file://</option>
<option>javascript:</option>
<option>ftp:</option>
<option>mailto:</option>
<option>gopher:</option>
<option>about:</option>
</select> <input
    type=text
    size=23
    maxlength=256
    name="HostnameField"
    value="www.typehere.com"> <input
    type=text
    size=20
    maxlength=100
    name="PathnameField"
    value="/"> <input
    type=button
    name="Go"
    value="Go"
    onClick="gotoPage()"></pre>
</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 a Summary Form to Support Local Processing
22.  Navigating with a SELECT Object
23.  Using the selectedIndex Property
24.   Modifying OPTGROUP Element Labels
25.  Using the options[index].text Property
26.   Using the options[index].value Property
27.  Triggering a Color Change from a Pop-Up Menu
28.  Modifying SELECT Options
29.  Modifying SELECT Options (IE4+)
30.  Modifying SELECT Options (NN6+)
31.  Selecting an Option Using JavaScript
32.  Linked ComboBox (option) Country =- province
33.  ComboBox set value to TextField
34.  Menu(Option) Generator
35.  URL Option ComboBox
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.