Materialize 설정 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> 

은 내가 함수에 변수 나노의 값 "텍사스"를 전달합니다

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(); 하지만 작동하지 않습니다.

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

를 사용하십시오 : 구체화하는 방법을 변경하는 경우 사용자가 선택한 구체화에있는 당신의 선택 값을 변경하려면 바로이 기능을 사용 선택 inaticization 중,이 기능은 작동하지 않으므로 잘 알고 있어야합니다 :)