Change value of materialize select box by jquery

Question

I want to change materialize select box value by jquery.

I am using $(\'#myselect\').val(\'1\'); on onchange event of other select box but

Answer 1

Rather than using .val(), it's cleaner to set value as usual with jQuery :

$('#my-select').find('option[value="my-value"]').prop('selected', true);
$("#my-select").material_select();

Answer 2

This was my solution in case it helps someone. I used a lot of what @Raold said. the issue I had was the select was getting stuck when it's updated without the code below.

function updateSelect(value) {
    var select  =  $('#myselectId');
    $(select).val(value);
    var text = $(select).find(':selected').text();
    $(select).closest('.select-wrapper')
        .find('li').removeClass("active")
        .closest('.select-wrapper')
        .find('.select-dropdown').val(text)
        .find('span:contains(' + value + ')')
        .parent()
        .addClass('selected active');
}

Answer 3

As suggested by @logikal, you have got to re-Initialize

$("#myselect").material_select()

Answer 4

Using delegated event fixes the problem for me.

HTML

 <div class="input-field col s10" id="pickerContainer">
 <select>
            <option value="" disabled selected>Choose your option</option>
            </select>
          </div>

JS

$('#pickerContainer').on('change', 'select', function(){
 console.log("got you");
});

Answer 5

Solution, I used in my project:

document.getElementById("mySelect").addEventListener("change", function()
{
  console.log("Hello, World!")
});

I don't know if the event trigger gives you selected item or selected item's value - you can check it yourself!

Answer 6

This answer might be late but it might help someone else.

On Ready add the line below

$(document).ready(function () {
        $('select').formSelect();
    });

Each time you change an option within your Select add the line below

$("#select1").change(function() {
    $('#myselect').val('1');
    $('select').formSelect();
});

This is what worked for me, hope it helps.