2012-09-23 4 views
1

모든 고객 정보를 표시하는 테이블이 있습니다. 나는 clientid 열을 가져 와서 모든 ID를 입력 상자에 복사 할 수 있기를 원합니다. TD에는 'clientid'라는 고유 ID가 있습니다. 텍스트를 입력에 복사하려고하면 테이블의 첫 번째 값을 모두 가져 오지 않습니다. 테이블 td에서 값을 입력으로 복사하는 Jquery

<table> 
    <tr> 
    <td id="clientid"> 
     45 
    </td> 
    <td> 
     John Salsasauce 
    </td> 
    </tr> 
    <tr> 
    <td id="clientid"> 
     53 
    </td> 
    <td> 
     Andrew Foobaloba 
    </td> 
    </tr> 
// more here... 
</table> 

내가 사용하고있는 JQuery와하지만 그것은 단지 #clientid 값의 첫 번째 인스턴스를 가져옵니다.

$("button#copybutton").click(function(){ 
    $("textarea#copy").val($("#clientid").text()); 
}); 
+4

당신은 당신이 여러 테이블 셀의 값을 추출하고 단일 입력 내에서 디스플레이를 위해 그들을 함께 concatentate 할 건가요? 또한 유효하지 않은 각 행에서 동일한 ID를 반복 한 경우 - 클래스를 대신 사용해보십시오. – nnnnnn

+0

팁 : ID를 지정하는 경우 요소 유형을 지정할 필요가 없습니다. 그러므로'button # copybutton' 대신에'# copybutton'을 사용하십시오. nnnnnn이 말했듯이, ID를 복제 할 수도 없습니다. –

+0

전체 테이블 또는 적어도 몇 개의 레코드를 게시 할 수 있습니까? – hsalama

답변

4

사용 클래스 (말 MyClass에)

$("textarea#copy").val($(".myclass").map(function(){ 
     return $(this).text(); 
    }).get().join(", ")); 
+0

나는 이것을 좋아한다! – cantaffordretail

+0

위대한 답변 :) –

관련 문제