Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ยิง barcode ได้เลขมาจะให้ขึ้นชื่อสินค้าด้วยครับต้องทำยังไงครับ

ยิง barcode ได้เลขมาจะให้ขึ้นชื่อสินค้าด้วยครับต้องทำยังไงครับ

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

weemon

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

สอบถามหน่อยครับ ช่องที่ผมจะยิง barcode เป็นช่องที่เป็น autocomplete แต่พอยิง barcode จะขึ้นมาให้เลือกแล้วกด enter อีกช่องก็จะขึ้นชื่อสินค้าอ่ะครับ จะมีวิธีทำยังไงได้บ้างครับ คือยิง barcode แล้วให้ ขึ้นชื่อสินค้าให้เลยครับ Code (PHP)

<table class="table table-striped table-bordered table-hover" id="pickup">
   <thead>
    <tr>
     <th width="12%">รหัสสินค้า</th>
  <th width="45%">ชื่อสินค้า</th>
<th width="9%" style="text-align: right;">จำนวน</th>
</tr>
</thead>
<tbody>
   <tr>
      <td><span id='snum'>1.</span></td>
	<td><input class='form-control nCode_product' type='text' name='nCode_product[]'></td>
	<td><input class='form-control cName_product' type='text' name='cName_product[]'></td>
	<td><input class='form-control amount' style='text-align: right;' type='number' name='amount[]'></td>
  </tr>
</tbody>
</table>

<script language="JavaScript">
document.onkeydown = chkEvent 
function chkEvent(e) {
	var keycode;
	if (window.event) keycode = window.event.keyCode; //*** for IE ***//
	else if (e) keycode = e.which; //*** for Firefox ***//
	if(keycode==13)
	{
		return false;
	}
}
</script>

Code (Java)

$(function(){
 $('body').on('click','.nCode_product',function(){
       autocom_nCode($(this));
 }); 
function autocom_nCode(el) {
		el.autocomplete({
			minLength: 2,
			source: function (query, process) {
				$.post('../Purchase/returnProduct.php', { nCode_product_filter: query.term }, function (response) {
					var res = $.parseJSON(response);
					return process(res);
				});
			},
			select: function (event, ui) {
				event.preventDefault();
				el.closest('tr').find('.nCode_product').val(ui.item.nCode_product);
				el.closest('tr').find('.nId_product').val(ui.item.nId_product);
				el.closest('tr').find('.cName_product').val(ui.item.cName_product);
				el.closest('tr').find('.amount').val(1);
			}
		});
	}
});

พอยิง barcode แล้วจะเป็นแบบนี้ตามรูปครับ ถ้าเลือกแล้วกด enter อีกช่องก็จะขึ้นชื่อสินค้าครับ ผมต้องทำยังไงไม่ต้องเลือกแล้วขึ้นชื่อสินค้าอะครับ ช่วยด้วยนะครับ
1234

Tag : PHP, jQuery

Date : 2018-09-07 16:35:17

By : weekung072

View : 687

Reply : 5

No. 1

Chaidhanan

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

ยิง barcode คงใช้ event keydown ตรวจสอบไม่ได้ ให้ใช้ event onchange

Code (JavaScript)

$('.nCode_product').change(function(){
    $.ajax({ url: '/GetProductName.php/?id='+this.value}).done((rs)=>{
         $('.cName_product').val(rs);
    });
});

php
GetProductName.php
Code (PHP)

   $id=filter_input(INPUT_GET, 'id');
   $testname=get_name_from_query($id);
    echo $testname;

ประวัติการแก้ไข
2018-09-07 18:05:57

Date : 2018-09-07 17:57:57

By : Chaidhanan

No. 2

weemon

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

ขอบคุณครับ จะลองดูครับ

Date : 2018-09-08 08:49:25

By : weekung072

No. 3

weemon

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

จะสอบถามพี่ chaildhanan ครับ
คือ ยิง barcode แล้ว ถ้าจะให้ curse ไปอยู่ที่จำนวนเองหลังจาก ยิง barcode เสร็จจะทำยังไงหรอครับ พอดีทำแล้ว แต่ต้อง ใช้ mouse คลิกที่หน้าเว็ป ถึงจะขยับ curse ให้ครับ
Code (Java)

$('.nCode_product').change(function(){
		$.ajax({url:'../Checking/GetProductName.php?nCode_product='+this.value}).done((rs)=>{
			let data = $.parseJSON(rs)[0];
			$('.cName_product').val(data.cName_product);
			$('.nId_product').val(data.nId_product);
			$('.amount').focus();
		});
	})

ผมต้องเพิ่มอะไรหรือเปล่าครับ

Date : 2018-09-08 09:38:05

By : weekung072

No. 4

Chaidhanan

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

โค๊ดที่ให้เป็นแค่ตัวอย่าง ต้องประยุกต์เอาหน่อย ต้องรู้จักชนิดตัวแปร เพื่อทำงานได้ถูกต้อง

$('.amount') อันนีค่าที่ได้มันเป็น array อาจจะเพี้ยนได้ และที่สำคัญ มันมี .amount เยอะเกิน เจาะจงหน่อย
ส่วนที่มันแสดงผลและไม่เห็นปัญหา เพราะมันมีแค่ tr เดียว แต่ถ้ามีหลาย tr มันจะเปลี่ยนทุกอัน เพราะอ้าง class ที่ไม่ได้เจาะจง

Code (JavaScript)

$('.nCode_product').change(function(){
	var tr = $(this).parents('tr').eq(0); // กำหนด tr ที่จะทำงานด้วย
	$.ajax({url:'../Checking/GetProductName.php?nCode_product='+this.value}).done((rs)=>{
		let data = $.parseJSON(rs)[0];
		$(tr).find('.cName_product').val(data.cName_product); // ถ้าไม่มี tr ครอบ ทุก .cName_product จะเปลี่ยนหมด
		$(tr).find('.nId_product').val(data.nId_product);
		$(tr).find('.amount').eq(0).focus(); // focus ต้องการ element เดียว อ้างอิง array ไม่ได้
	});
})

ปล. cursor เคอเซ่อ ไม่ใช่ curse

ประวัติการแก้ไข
2018-09-08 09:56:15

Date : 2018-09-08 09:55:11

By : Chaidhanan

No. 5

weemon

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

ขอบคุณครับ

ประวัติการแก้ไข
2018-09-08 11:38:20
2018-09-08 12:01:22

Date : 2018-09-08 11:33:06

By : weekung072

ค้นหาข้อมูล

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

Re : ยิง barcode ได้เลขมาจะให้ขึ้นชื่อสินค้าด้วยครับต้องทำยังไงครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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