I want a change in the value of a select box to trigger a javascript event. How do I make my code do that?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<script type="text/javascript">
function moo() {
     alert("mooooo");
}
</script>

<select>
  <option value="volvo" <?php echo "onchange='moo()'" ?>>Volvo</option>
  <option value="saab" <?php echo "onchange='moo()'" ?>>Saab</option>
  <option value="mercedes" <?php echo "onchange='moo()'" ?>>Mercedes</option>
  <option value="audi" <?php echo "onchange='moo()'" ?>>Audi</option>
</select>


</body>



</html>
NewWebDesignerAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Ahmed MerghaniConnect With a Mentor Software EngineerCommented:
You can do it like this and no need to use php in this part unless you have something in your mind:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<script type="text/javascript">
function moo(value) {
	 alert(value);
}
</script>

<select onchange='moo(this.value)'>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
</body>
</html>

Open in new window

0
All Courses

From novice to tech pro — start learning today.