Level 29
Apr 26, 2021
17
Level 3
Change event doesn't work with select
When I choose another option nothing happens
My select
<select class="form-control select2 select_location" name="group_id">
@foreach($categories as $category)
<option value="{{ $category->id }}" @if($category->id == request()->get('group_id')) selected @endif>{{ $category->name }}</option>
@endforeach
</select>
My jquery
$('.select_location').on('change', function () {
console.log('hello')
})
Level 3
not working
Level 3
i tried
$(".select_location").change(function () {
console.log('hello')
})
but not working
Level 29
Is jquery loaded?
Try to assign an id to the
Example
<select class="form-control select2 select_location" name="group_id" id="test">
</select>
$("#test").change(function () {
console.log('hello')
})
Level 3
I try to use change at the input, it works but select doesn't
Level 29
https://jsfiddle.net/uaLvs05e/5/
its working for me.
Level 3
The new problem here is select2
Level 29
I didn't notice that. Actually select2 is behave differently.
https://select2.org/programmatic-control/events#limiting-the-scope-of-the-change-event
Level 3
I have also tried and it doesn't work
Level 3
can you help me with teamview
Level 29
Level 29
Let me know if it's still not working.
Level 3
Uncaught TypeError: $(...).select2 is not a function
Level 3
Level 29
Make sure your script loading is in correct order like below:
- jQuery, //if you are using laravel, it probably is app.js
- select2,
- your custom js files
Level 3
thank you so much its working
Level 29
No problem. Please select the best answer to close the thread.
Please or to participate in this conversation.