Получение входных данных из полей ввода внутри таблиц - PullRequest
Новая
       0

Получение входных данных из полей ввода внутри таблиц

0 голосов
/ 05 февраля 2012 
<!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, то есть она помещена в таблицу, то это не так.У меня есть таблица 10х10, и мне нужно обрабатывать входные данные из каждой ячейки.Пожалуйста, помогите

1 Ответ

1 голос
/ 05 февраля 2012

Не уверен, почему вы комментируете и ваш HTML-код, и ваш JavaScript, но после раскомментирования вашего HTML-кода и изменения кода для запуска в $(document).ready() (и удаления избыточного вызова) ваш закомментированный JavaScript-код имеет желаемый эффект. 

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