http://hjin9320000.cafe24.com/bbs/write.php?bo_table=hahahahahha
클릭 후 제품을 확인하세요. 여길 클릭하면 테이블이 쭈욱 나오는데
혹시 여기서 한 품목을 클릭했을때 다른 여분필드가 있다는 가정하에 그 필드로 텍스트 그대로 복사되는게 가능할까요?
혹시나 해서 여쭤봅니다 ㅎㅎㅎ
비슷한 형식의 스킨이 있을까요?
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
드래곤된다
2015-05-21 (목) 16:21:18
만들어야하지 않을까요???
리스트가 나오는 테이블에 클래스나 아이디값을주세요.
그리고 새로 생길 여분필드에도 아이디나 클래스값을주세요.
저는 중복을 싫어해서 다중제어가 아니면 대부분 아이디써요 ㅎ
그리고 제이쿼리로 하시면 될것같아요.
Copy
$("#tableid tbody tr").click(function(){ $("#text1").text($(this).children(*).text()); $("#text2").text($(this).children(*).text());});1. 리스트가 있는 테이블의 아이디값이 tableid이고 여기의 tbody > tr을 클릭시 진행하는거고요.
2. $(this).children(*).text() 이건 현재 선택한것인 tr의 자식중 선택한것의 텍스트값을 text1이라는 여분필드에 넣는다는거에요.
여기서 children의 아스테리크(*)는 td에 아이디나 클래스를 줘서 선택하셔도되고 몇번째자식인지 선택하셔도 되고 하는거니 편하신거 넣으시면되요.
답변에 대한 댓글 1개
드래곤된다
2015-05-22 (금) 11:05:04
Copy
<input type="text" readonly id="text1" /><input type="text" readonly id="text2" /><table id="tableId"> <tbody> <tr> <td class="text1">Dimension_IN(WxDxH)mm</td> <td class="text2">150Φ – Bottle size</td> </tr> <tr> <td class="text1">Dimension_OUT(WxDxH)mm</td> <td class="text2">220 x 345 x 203</td> </tr> <tr> <td class="text1">Exterior</td> <td class="text2">Stainless steel & ABS mold</td> </tr> <tr> <td class="text1">Pump</td> <td class="text2">Oilless pump , High efficiency & powerful performance low noise, low vibration & leak tight 600㎜Hg / 6kgf/㎠ / 12ℓ/min , 18 ~ 24liter</td> </tr> </tbody></table><script type="text/javascript">$("#tableid tbody tr").click(function(){ $("#text1").text($(this).children(".text1").text()); $("#text2").text($(this).children(".text2").text());});</script>이렇게하면되요
답변을 작성하려면 로그인이 필요합니다.