Question

<!DOCTYPE html>
<html>
<head>
  <style>

  p { color:blue; margin:8px; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

  //region 1
  <!--<input type="text" class="plo" value="some text"/>
  <input type="text" class="plo" value="some text"/>
  <input type="text" value="some text"/>-->

  //region 2
 <!-- <table>
  <tr><td><input type="text" class="plo" value="some text"/></td></tr>
  <tr><td><input type="text" class="plo" value="some text"/></td></tr>
  <tr><td><input type="text" value="some text"/></td></tr>
  </table>
  -->

  <p></p>
<script>
    /*$(".plo").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    }).keyup();*/

    /*$(".plo").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    }).keyup();*/

    $(".plo:last").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    }).keyup();
</script>

</body>
</html>

在此代码中，选择中间输入框，每当用户输入任何内容时，它将在下一行中再次显示。问题是如果使用区域1，它工作正常，但如果使用区域2，即它放在一个表格中，那么它不会。我有一个10x10的表，我需要处理每个单元格的输入。请帮忙

Answer 1

不确定为什么要评论HTML源代码和JavaScript，但在取消注释HTML并更改代码以在$(document).ready()中运行（并删除冗余调用）之后，您的已注释掉的JavaScript有预期的效果。

$(document).ready(function () {
    $(".plo").keyup(function() {
        var value = $(this).val();
        $("p").text(value);
    });
});

从表格中的输入框获取输入

1 个答案: