使用 JS 设置 Materialize Select 下拉值答案

【问题标题】：Set Materialize Select drop down value with JS使用 JS 设置 Materialize Select 下拉值
【发布时间】：2017-12-02 19:20:59
【问题描述】：

在 Materialise 框架中：

我有一个更新输入框并在单击按钮后进行选择的功能。在输入框上工作正常，但选择失败：

我的选择是：

<select class="" id="nm" name="nm"><option selected value="Select Product" disabled>Select Product</option><option value="Roulette">Roulette</option><option value="Texas">Texas</option><option value="Pokers">Pokers</option></select>

我将变量 nm 的值“Texas”传递给函数：

function editData(id, nm, em, hp, ad) {

   $('#id').val(id);
   $('#nm').val(nm);
    $("#nm").material_select();
    $('#em').val(em);
    $('#hp').val(hp);
    $('#ad').val(ad);
    $('#id').prop("readonly",true);
    $('#save').prop("disabled",true);
    $('#update').prop("disabled",false);

}

我的选择应该显示“德克萨斯”作为默认/选定值，但它是空白的。我尝试使用 $("#nm").material_select(); 刷新它但它不起作用。

【问题讨论】：

标签： javascript select materialize

【解决方案1】：

您好，我正在使用未重新初始化的解决方案。如果你想在物化选择中改变你的选择值，只需使用这个函数：

function msValue (selector, value) {
 selector.val(value).closest('.select-wrapper').find('li').removeClass("active").closest('.select-wrapper').find('.select-dropdown').val(value).find('span:contains(' + value + ')').parent().addClass('selected active');
}

那就用

msValue($("#select_id"), "value_here")

你的情况

function editData(id, nm, em, hp, ad) {

    $('#id').val(id);
    msValue($('#nm'), nm);
    $('#em').val(em);
    $('#hp').val(hp);
    $('#ad').val(ad);
    $('#id').prop("readonly",true);
    $('#save').prop("disabled",true);
    $('#update').prop("disabled",false);

}

缺点：如果materialize改变了select初始化的方式，这个功能就不起作用了，请注意:)

【讨论】：