표 내부의 입력 상자에서 입력 받기

<!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

는'

'섹션의 내용을 변경합니다. –

HTML 소스와 자바 스크립트 모두에 주석을 달고 HTML을 주석 처리하고 $(document).ready()에서 실행되도록 코드를 변경 (중복 호출 제거) 한 후에 댓글이 달린 자바 스크립트에 원하는 효과. 나는 지역이 주석 중간 텍스트 상자에 텍스트를 편집하여 정확한 코드 (크롬) 테스트했습니다

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

출처

2012-02-05 12:15:40 pete

표 내부의 입력 상자에서 입력 받기

답변

관련 문제