HTML/JavaScript Help: Option Boxes

**youssarian** · 06-17-2008 06:47 PM

I've been tearing my hair out to try and get this working. I'm trying to make a select menu which, when an element is selected and the submit button pressed, it does a function. This is a simplified version of the code:

<html>
<head>
<script type="text/javascript">
function blah()
{
if (document.form.select.one.selected)
{ alert("Hello")
}
if (document.form.select.two.selected)
{ alert("Goodbye")
}
}
</script>
</head>
<body>
<form name="form" onsubmit="blah()">
<select name="select">
<option name="one" value="one">One</option>
<option name="two" value="two">Two</option>
<option name="three" value="three">Three</option>
</select>
<input type="submit" name="click" value="Go!"></input>
</form>
</body>
</html>

Please help me. I don't know where to go with this. I've already tried several variations but none worked.

**Ynot** · 06-17-2008 06:57 PM

Code:

<html>
<head>
<script type="text/javascript">
function blah()
{
if (document.getElementById('opt_one').selected)
{ alert("Hello");
}
if (document.getElementById('opt_two').selected)
{ alert("Goodbye");
}
}
</script>
</head>
<body>
<form name="form" id="form" onsubmit="blah(); return false">
<select name="select">
<option name="one" id="opt_one" value="one">One</option>
<option name="two" id="opt_two" value="two">Two</option>
<option name="three" id="opt_three" value="three">Three</option>
</select>
<input type="submit" name="click" value="Go!"></input>
</form>
</body>
</html>

**ninja9578** · 06-17-2008 07:34 PM

Ynot's is better code, but there is a GetElementByName() function as well.

Code:

if (document.getElementByName('one').selected)

But you should use ids, it's just better programming.

**youssarian** · 06-20-2008 07:12 PM

Much thanks to you guys.

**[SomeGuy]** · 06-23-2008 10:59 PM

Code:

<html>
<head>
<script type="text/javascript">
function blah(){
    if (document.form.(select_one).selected)
    { 
    alert("Hello")
    }
    if (document.form.(select_two).selected)
    { 
    alert("Goodbye")
    }
}
</script>
</head>
<body>
<form name="form" onSubmit="blah()">
 <select name="select">
   <option name="one" value="one">One</option>
   <option name="two" value="two">Two</option>
   <option name="three" value="three">Three</option>
 </select>
<input type="submit" id="click" value="Go!"></input>
</form>
</body>
</html>

**Ynot** · 06-24-2008 12:21 AM

use getElementById

it's safest,
anything else may not be portable across different browsers

Thread: HTML/JavaScript Help: Option Boxes

LinkBack

Thread Tools

Display

HTML/JavaScript Help: Option Boxes

Bookmarks

Bookmarks

Posting Permissions