フォームの値に応じてフォーム送信ボタンを動的に変更しますか？

Question

これは簡単なはずですが、いくつかのライブラリ（jqueryが好んでいます！）と普通の古いjavascriptをブラウズした後、私は空白を描いています。

つまり、3つの編集ボックス、2つのタイプのプリペイド、たとえばチーズとピクルス、1つの数字用の空白のボックス、右側の送信ボタンなどがあります。 n回の行を繰り返します。

別の言い方をすると： 検索結果から一連の行として表示されるフォームを想像してみてください。 8つの結果があるとします.8行です。ユーザーは選択肢を100個の「スロット」に保存できます。 各行に名前や文字を付けることは簡単です。私はちょうど各送信ボタンに1から8の数字を呼び出し、6を押すと、それは保存したい行6であることがわかります。これはMalsupのjqueryフォームを使ってajaxy形式でフォームを送信するので、毎回フォームを更新する必要はありません。

しかし、結果が保存される「スロット」を自由に選択することはできません。送信ボタンを左にあるセルの数字に反映させることができたら、私は離れています。

しかし、私はできないので、私はそうではありません。そして、私はそのようなナンセンスなことをする唯一の人だと思われます。 もっと良い方法ですか？

Answer 1

送信ボタンがボタン要素であるとします。

$('table').delegate('button', 'click', function(e) { 

    var formData = {} 

    $(this).closest('tr').find('input').each(function() { 
    formData[this.name] = this.value; 
    }); 

    //Add in your code to ajax it off... 

    e.preventDefault(); //since buttons/submits behave differently in each browser. 

}); 

//これでオブジェクト内にすべてのformDataが作成されました。あなたのAjaxの事を介してそれを送ってください。