// เลือก dropdown <select name="listnum" id="listnum"> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> </select> //กด add <input name='btnadd' id='btnadd' type='button' value='เพิ่ม' > $('#btnadd').bind('click', function(event) { var text = $('#listaddon').html(); text +="<div id='div1' align='center' style='width:200px; float:left; '>"+$('#listnum').val()+"</div>"; text +="<div id='div1' style='width:700px; float:left;'></div>"; text +="<div id='div1' style='width:200px; float:left; font-weight:bold;'><input name='delete' type='button' value='ลบ' ></div>"; $('#listaddon').html(text); }); <div id="listaddon" align="center" style="width:100%;"></div>
$("#select_id option[value='1']").remove();
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> https://www.thaicreate.com/php/forum/085915.html</title> <meta name="Generator" content="EditPlus"> <meta name="Author" content="Unidentifier"> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <select name="listnum" id="listnum"> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> </select> //กด add <input name='btnadd' id='btnadd' type='button' value='เพิ่ม' > <div id="listaddon" align="center" style="width:100%;"></div> <script> var static_id =1; $('#btnadd').bind('click', function(event) { text ="<div style='display:block;border:1px solid black;' class='border' id='"+static_id+"'><div class='div1' align='center' style='width:200px;display:inline-block '>"+$('#listnum').val()+"</div>"; text +="<div class='div2' style='width:700px;display:inline-block'></div>"; text +="<div class='div3' style='width:200px;font-weight:bold;display:inline-block'><input type='button' class='deletion' value='ลบ' onclick='var curid=$(this).parents(\"div\").parents(\"div\").attr(\"id\"); alert(curid);$(this).parents(\"#\"+curid).remove();' /></div></div>"; $('#listaddon').append(text); static_id = parseInt(static_id)+parseInt(1); }); </script> </body> </html>
Quote:เราไม่สามารถใช้โค้ดแบบ static จัดการ โค้ดที่เป็น dynamicได้ครับ เพราะฉะนั้นต้องฝังโค้ดที่ใช้จัดการลงไปพร้อมกับโค้ด dynamic ครับ
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง