2017-09-06 6 views
0

私は2つの入力フィールドを持っており、無限ループなしでそれらを一緒にバインドしたいと思います。Jqueryバインディングの入力フィールドはお互い

<%= number_field_tag "owner_discount_percent", @request.discount_owner_percent, class: 'form-control owner-disc' %> 

<%= number_field_tag "owner_discount", @request.discount_owner_val, class: 'form-control owner-disc' %> 

総額1000ユーロと仮定します。

所有者は、パーセンテージまたは整数として割引を与えることができます。

ユーザーが割引率をパーセンテージとして指定する場合、整数値フィールドを更新することによって、整数値が自動的に計算されて100ユーロ(1000 * 10%)などの整数値として表示されます。

しかし、ユーザーが整数として割引を与えると、パーセントを計算してパーセントフィールドに書き込む必要があります。

私は、on changeイベントを使用しようとすると無限のエラーが発生します。他の方法はありますか?

ありがとうございます。

+1

あなたは私があなたのためにそれを修正します – Chris

+0

「私は変化に使用しようとした」しようとしたものとjsfiddleを投稿した場合。さてあなたの試みを示してください。さもなければ、あなたが何を間違えたかを見ることができず、それを修正することはできません。 – ADyson

答えて

1

入力フィールド内でキーの上/下またはフォーカスアウトにアクションが発生する可能性があります。あなたが発見したように、変化に伴いループが作られます。

https://api.jquery.com/focusout/

関連する問題