入力フィールドのデータをテーブルデータとしてアクセスしてオブジェクトを取得する

Question

テーブル形式から配列オブジェクトを作成しています。

私はのうち5つの列を持ち、そのうちの4 &第5列は入力テキスト要素です。私が変更または更新するものは、テーブルから構築している配列オブジェクトに反映されるはずです。

サンプルJSコードは&です。ここでは、4番目の要素がテキスト値を変更しても空の値を返しています。

var json = []; 
    $('#MyTable').find('tbody tr').each(function(){ 
// document.querySelector 
var obj = {}, 
    $td = $(this).find('td'), 
    key = $td.eq(0).text(), 
    val = $td.eq(3).text(); 
obj[key] = val; 
json.push(obj); 
}); 

私のオブジェクト構築で入力値を取得するにはどうすればよいですか？

Answer 1

入力ボックスからデータを取得するには、入力IDを探して、それに.valueを使用する必要があります。

代わりに<td contenteditable=true>を使用することをお勧めします。これにより、ユーザーがテーブル値自体を編集できるようになります。このような機能は、IE 5.5、Safari、Firefox 3、Opera 9以降で使用されているので、プロジェクトに適しているはずです。