Semantic UI dropdown change handler
47,678
Solution 1
Actually, there are three ways to bind the event:
// globally inherited on init
$.fn.dropdown.onChange = function(){...};
// during init
$('.myDropdown').dropdown({
onChange: function() {...}
});
// after init
$('.myDropdown').dropdown('setting', 'onChange', function(){...});
Solution 2
It seems that onChange
setting can be added when creating the dropdown:
$(".select-language").dropdown({
onChange: function (val) {
alert(val);
}
});
Author by
Ionică Bizău
💻 Programmer ⚡️ Geek 🎹 Pianist & Organist 🚀 Learner 💡 Mentor 💫 Dreamer 🍏 Vegetarian 🙏 Jesus follower Website | GitHub | Twitter | PayPal Donations
Updated on May 08, 2020Comments
-
Ionică Bizău almost 4 years
I have the following dropdown using Semantic UI:
<div class="ui selection dropdown select-language"> <input name="language" type="hidden" value="fr-FR"> <div class="text">French</div> <i class="dropdown icon"></i> <div class="menu ui transition hidden"> <div class="item" data-value="en-US">English</div> <div class="item active" data-value="fr-FR">French</div> </div> </div>
And in the jQuery side I init it:
$(".select-language").dropdown()
How can I add the
change
handler?The only thing related to this I found in the documentation is:
onChange(value, text)
Context: Dropdown
Is called after a dropdown item is selected. receives the name and value of selection.
This sounds a little confusing for me. How can I use it?