javascript - 根据提交替换文本

Question

我想做的是用输入字段中的字符串动态替换相应的文本。(field1>field11, field2>field22)

http://jsfiddle.net/c2CUE/3/

你能告诉我如何在 jquery 中做到这一点吗？

<table>
  <tr>
    <td><h2>Field 1</h2>
<input type="text" name="field1" value="qwerty" class="field1"></td>
    <td><span class="field11">asdasd</span></td>
  </tr>
  <tr>
          <td><h2>Field 1</h2>
<input type="text" name="field2" value="qwerty"></td>
      <td><span class="field22">asdasd</span></td>
  </tr>
</table>

Answer 1

这应该可以解决问题

$(document).ready(function () {
    $("input.field1").on("keyup",function () {
        $("span.field11").html($(this).val()); 
    });
});

或现场

http://jsfiddle.net/u8EB9/

您还可以将该函数 Hook 到“更改”事件，但在您离开输入后，您的文本只会更新!这取决于您的需求!