JSを使ってドロップダウン値を選択する

Question

Materializeフレームワークで

ボタンをクリックした後に入力ボックスを更新して選択する機能があります。 InputBox関数で正常に動作しますが、選択して失敗します。

私の選択は次のとおりです。

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

iの関数に変数nmでの値「テキサス」を渡します。

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

} 

は、選択私の "表示されるはずですTexas "をデフォルト/選択値として使用しますが、空白です。 $（ "＃nm"）を使ってリフレッシュしようとしています。それは動作しません。

Answer 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'); 
} 

が

それからちょうどあなたのケースでは

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

} 

デメリットを

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

を使用します：マテリアライズする方法を変更した場合、選択したマテリアライズでは、あなたの選択値を変更したい場合は、単にこの機能を使用しますこの機能はうまくいかないので、注意してください。