질문드립니다!!
본문
http://hjin9320000.cafe24.com/bbs/write.php?bo_table=hahahahahha
클릭 후 제품을 확인하세요. 여길 클릭하면 테이블이 쭈욱 나오는데
혹시 여기서 한 품목을 클릭했을때 다른 여분필드가 있다는 가정하에 그 필드로 텍스트 그대로 복사되는게 가능할까요?
혹시나 해서 여쭤봅니다 ㅎㅎㅎ
비슷한 형식의 스킨이 있을까요?
답변 2
만들어야하지 않을까요???
리스트가 나오는 테이블에 클래스나 아이디값을주세요.
그리고 새로 생길 여분필드에도 아이디나 클래스값을주세요.
저는 중복을 싫어해서 다중제어가 아니면 대부분 아이디써요 ㅎ
그리고 제이쿼리로 하시면 될것같아요.
$("#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에 아이디나 클래스를 줘서 선택하셔도되고 몇번째자식인지 선택하셔도 되고 하는거니 편하신거 넣으시면되요.
테이블에 요소 하나하나마다 다른 클래스를 넣어줘야 하나요?
<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>
이렇게하면되요
답변을 작성하시기 전에 로그인 해주세요.
