how to let a select trigger a javascript method when the select is being populated and set to default value?
Thanks in advance
2
-
1You use on change event to trigger method on change of select.Dipak Thoke– Dipak Thoke2016-09-29 08:44:21 +00:00Commented Sep 29, 2016 at 8:44
-
i have updated my answer please accept so that it can help others as well. Thanks in advance.Dipak Thoke– Dipak Thoke2016-09-29 10:17:56 +00:00Commented Sep 29, 2016 at 10:17
Add a comment
|
2 Answers
This can easily been done with the change event handler.
$('select').change(function(){
if ($(this).val() == 'default') {
console.log('selected default');
} else {
$('p').text($(this).val());
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value="default"></option>
<option value="Hello World!">Hello</option>
<option value="Foo and Bar are common used example names">Foo</option>
</select>
<p>Please pick an option.</p>
1 Comment
Moonstar
Thank you. I used onchange="myFunction" before. But your way is to go.
You can use on change event to handle it .
Javacript/Jquery
function printData() {
console.log("On change of the select box your this fuction will get call");
}
$(document).ready (function () {
$('select').change(function(){
printData();
});
})
HTML
<lable>Select option.</lable>
<select>
<option value="1">Hi</option>
<option value="2">Hello</option>
<option value="3">How are you</option>
</select>
