CODEWITHSUNDEEP
javascriptjqueryonchangejquery-chosen
Bartosz
Bartosz

Reputation: 4592

How to get selected value from dropdownlist using chosen.js

I am trying to get two parameters from dropdown list change event. Dropdown list uses chosen.js

First I would like to get a name of the dropdown list Second I would like to get a value of an item that has been selected

I found this code in documentation:

$('.my_select_box').on('change', function(evt, params) {
    do_something(evt, params);
});

but when I trigger it, params are undefined. Have been looking everywhere, but cannot find out how to do it. Can you help please?

Upvotes: 0

Views: 5409

Answers (1)

weeger
weeger

Reputation: 429

With jQuery, use $(this).val() into your callback function, check the Fiddle :

<script>
$('.my_select_box').on('change', function(evt, params) {
    // The name of your select
    alert($(this).attr('name'));
    // The value
    alert($(this).val());
});
</script>

Then

<select name="my_drop_down" class="my_select_box">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
</select>

Upvotes: 2

Related Questions