2016-03-24 30 views
0

ユーザが1つのドロップダウンでNAを選択すると、テキストフィールドの一部を0(0)で自動的に埋めたいと思っています。 それを行うためのレールの方法はありますか?Railsのドロップボックス値に応じてテキストフィールドを自動入力

私はオートフィル値を達成するためにjqueryのをたくさん見てきました..しかし、私はそれは私が を探しています理由はそれを行う方法をレール レールに新しいですだけでなく、jqueryの..でゼロをしています。

親切に助けてください。

答えて

0

基本的なjqueryの使い方は、簡単な方法で簡単に行うことができます。基本的には、選択ボックスのchangeイベントにハンドラをアタッチし、その値(NA)に基づいてテキストフィールドにゼロ値を割り当てなければなりません。この例では

ルック: - 1つのテキストフィールドと1つの選択ボックス

# some_view.html.erb 
<%= text_field_tag 'name', params[:name], id: 'name_text_field' %> 
<%= select_tag 'category', options_for_select(..., params[:category]), id: 'category_select' %> 

<script type="text/javascript"> 
    $('#category_select').change(function(){ 
    var select = $(this); 
    if (select.val() == "NA") { 
     $('#name_text_field').val("0"); 
    } 
    }); 
</script> 

ビューには、2つの入力を示しています。 jqueryを使用すると、この選択ボックスのchangeイベントにハンドラ(インライン関数)が添付されます。ハンドラの内部では、selectは$(this)と参照され、その値は "NA"文字列に対してテストされ、一致する場合はテキストフィールドの値が設定されます。それで全部です!

changeイベントのjqueryドキュメント、入力の値を取得/設定するためのval() functionをご覧ください。 introjqueryにお読みください。

+0

おかげで@BoraMa – kelvin

-1

利用可能な宝石があります。rails-jquery-autocompleteをご覧ください。私はそれを自分で使ったことはありませんが、十分に良いようです。

+0

私はそれを試してみます – kelvin

+0

OPの質問を正しく理解していれば、彼はオートコンプリートを必要としません。コンボボックス)。彼が必要とするのは、他の選択ボックス値を選択することに基づいてテキストフィールド値を設定することだけです。 – BoraMa

関連する問題