asked on
Triggering a javascript / JQuery function when a particular option is chosen from a select dropdown
If I have a web form that contains a select dropdown in that has an ID attribute of "shipping_state":
How might I customize that form so that when a person chooses the state of Florida from that dropdown ..
.. a custom javascript function gets triggered?
Ideally .. I would prefer a solution that do NOT require that I modify the form itself.
I am open to solutions that require JQuery if that is the best approach. Otherwise, plain old javascript will do.
Thanks in advance.
- Yvan
<select name="shipping_state">
How might I customize that form so that when a person chooses the state of Florida from that dropdown ..
<option value="FL">
.. a custom javascript function gets triggered?
Ideally .. I would prefer a solution that do NOT require that I modify the form itself.
I am open to solutions that require JQuery if that is the best approach. Otherwise, plain old javascript will do.
Thanks in advance.
- Yvan
JavaScriptjQueryHTML
Last Comment
5teveo
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Thank you!
- yg
- yg
Here is an alert for Florida as index #2
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<script>
function test() {
d = document.getElementById("s
if (d==2) {alert(d)};
//alert(d);
}
</script>
<body>
<form id="form1" runat="server">
<div>
<select onchange="test()" id="select_id">
<option value="0">-Select-</option
<option value="1">Communication 1</option>
<option value="2">Florida 2</option>
<option value="3">Communication 3</option>
</select>
</div>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<script>
function test() {
d = document.getElementById("s
if (d==2) {alert(d)};
//alert(d);
}
</script>
<body>
<form id="form1" runat="server">
<div>
<select onchange="test()" id="select_id">
<option value="0">-Select-</option
<option value="1">Communication 1</option>
<option value="2">Florida 2</option>
<option value="3">Communication 3</option>
</select>
</div>
</form>
</body>
</html>
if($(" :selected",this).val()=="F
// your function here
}
}