Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > เลือก Listbox แล้วสามารถแสดงข้อมูลที่ Textbox แบบหลายๆแถว โดยใช้ Javascript



 

เลือก Listbox แล้วสามารถแสดงข้อมูลที่ Textbox แบบหลายๆแถว โดยใช้ Javascript

 



Topic : 111500



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



สถานะออฟไลน์




สวัสดีครับ

รบกวนสอบถามเรื่อง การทำ Listbox แล้วให้ไปแสดงข้อมูลที่ Textbox ครับ (แบบหลายๆแถวครับ)
แบบแถวเดียวผมทำได้ครับแสดงข้อมูล แต่พอ ทำปุ่มให้มีการ Add Row เข้าไป ปรากฏว่าไม่แสดงข้อมูลใน Textbox ครับ


รบกวนด้วยครับ ขอบคุณครับ



Code (JavaScript)
  <script type="text/javascript">
	function resutName(strCusName)
	{
			form2.code.value 	 = strCusName.split("|")[0];
			form2.price.value	 = strCusName.split("|")[1];
			form2.points.value	 = strCusName.split("|")[2];	
			
	}
</script>



Listbox2



Tag : PHP, Ms Access, MySQL, HTML/CSS, JavaScript, Ajax







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-09-23 17:14:37 By : comfoy View : 2147 Reply : 9
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

อ่านแบบนี้ไม่ได้น่ะครับ จะต้องใช้ Loop เป็นแบบ Array ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-24 09:49:56 By : mr.win
 


 

No. 2



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ถ้าเพิ่มแถวด้วย jquery แล้วจับ element ให้ดีก็น่าจะช่วยได้
- ลองศึกษาเรื่องเพิ่ม-ลบ แถวจาก jquery ดูก่อนครับ
- จากนั้นค่อยทำเรื่องเลือกค่าแล้วให้แสดง

ถ้ามาทาง jquery มีเพื่อน ๆ พี่ ๆ น้อง ๆ เก่งขั้นเทพ รอช่วยเยอะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-24 09:50:56 By : apisitp
 

 

No. 3



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


listbox เชื่อมต่อ ฐานข้อมูลด้วยมั้ยครับ ถ้าใช่ขอดู Field หน่อยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-24 10:20:27 By : Ex-[S]i[L]e[N]t
 


 

No. 4



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 3 เขียนโดย : Ex-[S]i[L]e[N]t เมื่อวันที่ 2014-09-24 10:20:27
รายละเอียดของการตอบ ::
นี่ไง คนเก่ง ขั้นเทพ ฮิ้ว ๆ ๆ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-24 14:07:57 By : apisitp
 


 

No. 5



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



สถานะออฟไลน์


ใช่ครับ พี่ ดึงค่าจากฐานข้อมูลมาแสดง ใน List box โดยการคลิกที่ชื่อสินค้า แล้วให้ทำการแสดงรายละเอียดของสินค้า ถ้าแสดงแถวเดียวผมทำได้ครับพี่ แต่พอเพิ่มแถวเข้าไปหลายๆแถวกลับไม่ได้ครับ

ผมรองทำมาหลายวันแล้วก็ยังไม่ได้เลยครับ
หากพี่ท่านไหน ช่วยผมได้บ้าง ลบกวนขอตัวอย่าง เพื่อความเข้าใจ จะขอบพระคุณมากครับ

ขอบคุณครับ พี่


db
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-29 17:39:20 By : comfoy
 


 

No. 6



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



สถานะออฟไลน์


คือ ผมไปดูตัวอย่าง จากที่นีมาครับ

https://www.thaicreate.com/community/list-select-menu-auto-fill-textbox.html


แต่ทำแบบหลายๆแถวไม่เป็นเลยครับ อย่างไงรบกวนช่วยชี้แนะด้วยนะครับ


ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-29 18:25:47 By : comfoy
 


 

No. 7



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>

          <table width="700" border="1" cellpadding="0" cellspacing="0" class="textNormal">
            <thead>
                <tr>
                  <th width="25" height="25" align="center" bgcolor="#92C2C2"><img src="../img_admin/icon/delete.png" width="15" height="15" border="0" /></th>
                  <th width="304" align="center" bgcolor="#92C2C2"><b>สินค้า</b></th>
                  <th width="78" align="center" bgcolor="#92C2C2"><b>ราคา</b></th>
                  <th width="62" align="center" bgcolor="#92C2C2"><b>แต้ม</b></th>
                  <th width="61" align="center" bgcolor="#92C2C2"><b>จำนวน</b></th>
                  <th width="65" align="center" bgcolor="#92C2C2"><b>รวมแต้ม</b></th>
                  <th width="89" align="center" bgcolor="#92C2C2"><b>รวมเงิน</b></th>
                </tr>
            </thead>
            <tbody>
            	
            </tbody>
          </table>
          <button type="button" id="Pluz">+</button><button type="button" id="Del">-</button>
          <input type="hidden" id="number" value="0" />
  
     	<script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
			$(function(){
				$('body').on('click','#Pluz',function(){
					var number=parseInt($('#number').val())+1;
					var selProduct=$('<select id="selProduct" name="Product[]"><option>Please you select</option>');
					var tr=$('<tr><td><input type="checkbox" name="chk"></td><td><span id="span'+number+'"></span></td><td><input name="price[]" type="text" id="price" /></td><td><input name="points[]" type="text" id="points" value=""/></td><td><input name="amount[]" type="text" id="amount" /></td><td><input name="points2" type="text" id="points2" readonly="readonly"/></td><td><input name="total" type="text" id="total" readonly="readonly" /><td></tr>');
					$.ajax({url:"product.php",
						async:false,
						global:false,
						cache:false,
						type:"POST",
						data:"",
						success: function(result){
							var obj=jQuery.parseJSON(result);
							$.each(obj,function(key,inval){
								selProduct.append('<option value="'+inval['p_points']+'">'+inval['p_name']+'');
							});
						}
					});
					$('tbody').append(tr);
					$('#span'+number).append(selProduct);
					$('#number').val(number);
				});
				
				$('body').on('click','#Del',function(){
					var number=parseInt($('#number').val()-1);
					$('tbody tr').last().remove();
					$('#number').val(number);
				});	
				
				$('body').on('change','#selProduct',function(){
					var val=$(this).val();
					$(this).parent().parent().next().next().find('input').val(val);
				});
			});
		</script>
</body>
</html>


product.php
Code (PHP)
	<?PHP 
		$Connect=mysql_connect("localhost","root","123456") or die (mysql_error());
		$DB=mysql_select_db("test");
		mysql_query("set names utf8");
		$select=mysql_query("SELECT * From products") or die (mysql_error());
		$numFields=mysql_num_fields($select);
		$arrResult=array();
		while($Product=mysql_fetch_array($select)){
			$arrCol=array();
			for($i=0;$i<$numFields;$i++){
				$arrCol[mysql_field_name($select,$i)]=$Product[$i];	
			}
			array_push($arrResult,$arrCol);
		}
		echo json_encode($arrResult);
	?>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-01 11:43:44 By : Ex-[S]i[L]e[N]t
 


 

No. 8



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



สถานะออฟไลน์


Code (JavaScript)
<script>
function test(obj){
	$(obj).parentsUntil('tbody').find('#txtTest').val($(obj).find('option:selected').data('code'))
}
</script>

Code (PHP)
<table>
  <tbody>
	<tr>
    	<td id=""><input id="txtTest" type="text" /></td>
    	<td id="">
            <select id="test" onchange="test(this)">
             <option data-code="11" data-price="20">test</option>
             <option data-code="22" data-price="20">test1</option>
            </select>        
        </td>
    </tr>
  </tbody>
</table>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-01 12:10:32 By : gaowteen
 


 

No. 9



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



สถานะออฟไลน์


ขอบคุณพี่ๆ ทุกคนมากๆครับ

ขอบคุณจริงๆครับ พี่ๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-10-01 14:48:46 By : comfoy
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เลือก Listbox แล้วสามารถแสดงข้อมูลที่ Textbox แบบหลายๆแถว โดยใช้ Javascript
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่