javascript - 通过jquery更改物化选择框的值

Question

我想通过 jquery 更改具体化选择框的值。

我在其他选择框的 onchange 事件上使用 $('#myselect').val('1'); 但它不起作用。

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

Answer 1

它似乎对我来说工作正常，更改第一个下拉列表，将第二个下拉列表的值重置为 1。

我在jsFiddle上做了一个粗略的实现:http://jsfiddle.net/55r8fgxy/1/

<select id="select1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

<select id="myselect">    
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

JS:

$(function() {
    $("#select1").on('change', function() {
        $('#myselect').val("1");

        // re-initialize material-select
        $('#myselect').material_select();
    });
});