通过jquery更改实现选择框的值 [英] Change value of materialize select box by jquery

问题描述

我想通过jquery更改materialize选择框值。

I want to change materialize select box value by jquery.

我在<$ c上使用 $（'＃myselect'）。val（'1'）; $ c> onchange 其他选择框的事件但不起作用。

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

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

推荐答案

它似乎对我有用，改变了第一个下拉，将第二个下拉值重置为1.

It appears to work fine for me, changing the first drop down, resets the value of the second drop down to 1.

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

I have done a rough implementation on 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();
    });
});

这篇关于通过jquery更改实现选择框的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！