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

<!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, и мне нужно обрабатывать входы от каждой из ячеек. Помощь в PlsПолучение входных данных из входных коробок внутри таблиц

источник

2012-02-05 Akash

Я проверил (в Chrome) ваш точный код с области 2 незакомментированной и редактирование текста в текстовом поле срединной изменяет содержимое '' секции

. –

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

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

источник

2012-02-05 12:15:40 pete

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

ответ

Смежные вопросы