2016-04-17 4 views
0

私は2つのタブを含むショッピングカートページを持っています。2つのタブ間でデータをリンクするjQueryメソッドとは何ですか?

タブ#1:ユーザーはコンテンツと行を操作できます。数量を追加したり、数量を減算したり、アイテムを削除することもできます。

タブ#2:タブ#1で注文したばかりの商品をすべて確認して表示します。

今、問題は「リンク」(またはバインドまたはコピーするためのjQueryメソッドとは何ですか?)です。タブ#1とタブ#2は、タブ#1のデータを操作すると、タブ#2に自動的に表示されます。ありがとうございました。

+1

これを行うためのjQueryメソッドはありません。イベントハンドラをバインドしてイベントを変更したり、独自のコードで必要に応じて更新したりすることができます。 – Pointy

+0

あなたのコメントのおかげで、大丈夫です。 –

答えて

2

あなたが最初のタブのフィールドはフォームの内容を取得するための方法にイベントを変更結合して、このような第二のタブのフィールドを更新する必要があります。

$('#myFirstTabTextInputId').on('change', function (event){ 
    $('#mySecondTabTextInputId').val($(this).val());  
}); 

2番目のタブを入力するときに、あなたの最初のタブ入力テキストをコピーします。このコードそれは変わった。

関連する問題