Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > รบกวนสอบถามค่ะ ทำ dropdownlist พอกด add ให้รายละเอียดfiled ที่นี้ถ้าต้องการลบบางรายการที่เรา add ไปแล้วมีใครทราบไหมค่ะว่าจะทำยังไง

รบกวนสอบถามค่ะ ทำ dropdownlist พอกด add ให้รายละเอียดfiled ที่นี้ถ้าต้องการลบบางรายการที่เรา add ไปแล้วมีใครทราบไหมค่ะว่าจะทำยังไง

เริ่มหัวข้อใหม่

Luckystar

โพสกระทู้ ( 937 )
บทความ ( 2 )

รบกวนสอบถามค่ะ

ทำ dropdownlist พอกด add ให้รายละเอียดfiled ที่เรากดแสดงขึ้นรายการด้านล่าง
พอกดในdropdownเพิ่มให้ขึ้นแถวถัดมาต่อจากของเก่า

ที่นี้ถ้าต้องการลบบางรายการที่เรา add ไปแล้วมีใครทราบไหมค่ะว่าจะทำยังไง

Code

// เลือก 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>

Tag : PHP, HTML/CSS, JavaScript, jQuery

Date : 2012-10-26 12:13:28

By : LuckyStar

View : 1140

Reply : 4

No. 1

dekkuza

โพสกระทู้ ( 464 )
บทความ ( 0 )

Code (PHP)

$("#select_id option[value='1']").remove();

Date : 2012-10-26 12:42:50

By : dekkuza

No. 2

Luckystar

โพสกระทู้ ( 937 )
บทความ ( 2 )

คือถ้าต้องลบ

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>";

tag div ใน rows ที่เรากดลบละค่ะ ทำยังไงค่ะ เช่น

1111 aaaa ลบ
2222 bbbb ลบ

กดลบแล้วบรรทัดนั้นจะถูกลบออกไปอะค่ะ

Date : 2012-10-26 13:18:25

By : LuckyStar

No. 3

jack

โพสกระทู้ ( 210 )
บทความ ( 0 )

ผมเขียนโค้ด jQuery ขึ้นมาให้ใหม่ ทีคุณทำอยู่ดูเหมือนโค้ด PHP มาก
ลองไปดาวโหลดดูได้ที่

http://www.mineinc.net/qa/file/2012/10/26.2/file1.html

ผมไม่สามารถทำตัว 'ลบ' อย่างที่คุณต้องการได้ แต่ได้ทำวิธีลบรายการไว้ให้อีกแบบ ลองเล่นดูก่อนได้ครับ

Date : 2012-10-26 19:00:52

By : dreamlover

No. 4

Unidentifier

โพสกระทู้ ( 3,156 )
บทความ ( 0 )

โค้ดแก้ไขให้ใหม่ตามนี้เลยครับ

<!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 ครับ

Date : 2012-10-26 22:07:35

By : sakuraei

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : รบกวนสอบถามค่ะ ทำ dropdownlist พอกด add ให้รายละเอียดfiled ที่นี้ถ้าต้องการลบบางรายการที่เรา add ไปแล้วมีใครทราบไหมค่ะว่าจะทำยังไง

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02