2017-12-02 157 views
0

在物化框架:设置物化选择下拉值与JS

我有一个功能,更新输入框,并单击按钮后选择。做工精细的输入框,但无法与选择:

我的选择是:

<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> 

我传递值“得克萨斯”可变波长的功能:

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();但它不起作用。

回答

0

你好,我正在使用的解决方案,无需重新初始化。如果你想改变在物质化的选择值仅选择使用此功能:

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); 

} 

缺点:如果Materialise的改变方式的选择inicialization,此功能将无法正常工作,所以要注意:)