mdl-selectで選択されたオプションを見つける

以下の例を考えてみましょう。 JavaScriptを使って選択した国の名前を探したいとします。どうすればいいのですか？mdl-selectで選択されたオプションを見つける

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fullwidth"> 
    <input class="mdl-textfield__input" type="text" id="sample1" value="Belarus" readonly tabIndex="-1"> 
    <label for="sample1" class="mdl-textfield__label">Country</label> 
    <ul for="sample1" class="mdl-menu mdl-menu--bottom-left mdl-js-menu"> 
     <li class="mdl-menu__item">Germany</li> 
     <li class="mdl-menu__item">Belarus</li> 
     <li class="mdl-menu__item">Russia</li> 
    </ul> 
</div>

出典

2017-03-02 vozille

同じ問題は、すでにスレッドで、ここで答えます。..ごとのli要素にonclickイベントを追加し、結果を表示するためにコールバック関数を起動することができます。 http://stackoverflow.com/questions/22891226/get-the-value-of-active-li-in-ul –

をクリックしてください。現在選択されている「li」アイテムを見つける方法が必要です。それぞれにonClickを割り当てる必要がありますか？ – vozille

申し訳ありませんが、私は直接入力フィールドからデータ値を取得できます – vozille

はい、あなたは

出典

2017-03-02 07:50:03

mdl-selectで選択されたオプションを見つける

答えて

関連する問題