|
|
|
ช่วยด้วยครับ สงสัยเรื่องวนลูป select ครับโดยใช้ function jquery ครับ |
|
|
|
|
|
|
|
อันดับแรก เขียน tag table tr td ให้สมบูรณ์ก่อนครับ รูปแบบ tag table มันผิด
|
|
|
|
|
Date :
2015-06-29 16:14:23 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/jquery.datetimepicker.js"></script>
<table width="200px" height="200px" border="1" id="myTbl" >
<tr class="aa">
<td width="91">
<select id="pagelist" class="firstTr" >
<option value="">เลือก</option>
<option value="1">First</option>
<option value="2">Second</option>
<option value="3">S</option>
</select>
<div id="1" style="display:none">
<img src="img/product/1.png" width="200px" />
</div>
<div id="2" style="display:none">
<img src="img/product/2.png" width="200px" />
</div>
<div id="3" style="display:none">
<img src="img/product/3.png" width="200px" />
</div>
</td>
</tr>
</table>
<input type="button" id="createRows" value="+">
<script language="javascript">
$("#pagelist").change(function(){
var viewID = $("#pagelist option:selected").val();
$("#pagelist option").each(function(){
var hideID = $(this).val();
$("#"+hideID).hide();
});
$("#"+viewID).show();
});
$(function(){
$a=1
$("#createRows").click(function(){
// ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ
// การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน
$(".aa:eq(0)").clone(true).insertAfter(this)
.find("input").attr("value","").end()
.find("select").attr("value","").end()
.find("img").attr("src","img/product/1.png").end()
.find(".removeRow").show().end()
.appendTo($("#myTbl"));
});
});
</script>
แบบนี้ถูกต้องหรือยังครับ
|
ประวัติการแก้ไข 2015-07-01 09:30:55
|
|
|
|
Date :
2015-07-01 09:30:26 |
By :
chaiyan14731 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|