テキスト入力フィールドの行にユーザー編集可能なテキストラベルを追加する方法

Question

ドロップダウンメニューの入力から入力フィールドのグリッドを動的に生成しています。しかし、私は行の意味を表すために、各行にユーザー編集可能なテキストラベルを追加することができません。グリッド1 ... 5の各列にラベルを付けることも試みています。私が現在持っているもののバイブル。 http://jsfiddle.net/p_kish/qspzz/1/ どのようにしても、私はグリッドをつぶしてしまいます。

Answer 1

ラベルが付いた列と行を追加するだけです。ラベルがクリックされると（jQueryを使用しているように見えるので、$("label").click(function(){...})ハンドラを設定します）、そのラベルを入力ボックスで置き換えて、ラベルを編集できます。 blurの場合、inputの値をlabelに戻してスワップします。