2016-11-02 16 views
0

md-selectタグ付き角度素材を使って選択メニューを作った。次に、jQueryから選択された値を取得しようとしました。しかし、正しく動作していません。ここにコードサンプルがあります。jQueryからmd-select値を取得するには?

    <md-select ng-model="ctrl.userState" id="medi"> 

          <md-option > a </md-option> 
          <md-option > b </md-option> 
          <md-option > c </md-option> 

        </md-select> 

       <md-input-container id="add"> 
        <md-button class="md-raised md-primary" >Add</md-button> 
       </md-input-container> 


$(document).ready(function() { 

    $("#add").click(function(){ 

     var s=$(" #medi ").val(); 
     alert(s); 
}); 
}); 

md-selectタグからjQueryを使用して値を取得することはできますか?どんな助けでも大変感謝しています。

+0

「それは正しく動作していません」と表示されます。クリックイベントはどうですか?期待される結果は何ですか?明確にしてください –

+0

@AhmadAlsanie警告ボックスは空です。私は選択された値を警告したい。 – Udara

+1

なぜjQuery経由で値を取得していますか?これはあなたのモデルに既にあります。単に 'ctrl.userState'を使用してください。 ' –

答えて

0
<input id='a' ng-model="a">   this is my dom value container 
    <md-input-container> 
    <label>select</label> 
    <md-select ng-model="a">   this is where my value is stored 
     <md-option value="1">11</md-option> 
     <md-option value="2">22</md-option> 
     <md-option value="3">33</md-option> 
    </md-select> 
    </md-input-container> 

jqueryを使用して - > var s = $( "#a")を呼び出します。 md-selectはdom要素とsore値を作成しません。 入力DOMにバインドしてみます。

注:値を設定しない値を取得する場合にのみ機能します。

+0

私はまだsetterメソッドに取り組んでいます。 –

関連する問題