using java and radio buttons to choose search. PLEASE HELP!!!

shelydmb · #1 (**permalink**) 03-12-06, 11:07 PM

Hello I am trying to make a search choice similar to http://www.ohio.edu .

I am trying to use java script to do this. I want to use tadio buttons like they do. I have found how to do it using an option menu but not radio buttons. Can anyone help. I would so greatly appreciate it!! Thanks! I am more of a graphic designer then a programmer. I am gonna be taking programming classes soon to help me in my job but for now I am lost!

This is the code for the menu. I want that using radio buttons.

Code:

<script language="JavaScript">
<!--
function openDir(form) {
window.location =(form.dir.options[form.dir.selected Index].value);
}
// -->
</script>
</head>
<body>
<form name="myform">
<div align="center"><p><select name="dir" size="1">
<option value="">Choose a Site</option>
<option value="http://www.yahoo.com/">Yahoo!
<option value="http://www.excite.com/">Excite
</select><input type="button" name="button" value="Go!" onclick="openDir(this.form);"></p>
</div>
</form>

TwoD · #2 (**permalink**) 03-13-06, 03:19 PM

Since all radio buttons that belong together need to have the same name, you need to loop through a collection of them.

This can either be done by looping through form.dir[i] in your code, or by utilizing the documeng.getElementsByName method and loop through the returned collection.
Here's an example:

Code:

<html>
<head>
<script language="JavaScript">
<!--
function openDir(form) {
	var dirs=form.dir
	for(i=0;i<dirs.length;i++){
		if(dirs[i].checked){
			window.location = dirs[i].value;
			break;
		}
	}
}
// -->
</script>
</head>
<body>
<form name="myform">
<div align="center"><p>Yahoo <input type="radio" name="dir" value="http://www.yahoo.com/" checked><br>
Excite <input type="radio" name="dir" value="http://www.excite.com/"><br>
<input type="button" name="button" value="Go!" onclick="openDir(this.form);"></p>
</div>
</form> 
</body>
</html>