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,037

HOME > PHP > PHP Forum > สอบถามเกี่ยวกับการเขียน select dropdows ดึงข้อมูลสินค้า กดเลือกสินค้าแล้วแสดงราคาสินค้าตามมาครับ (ผมใช้ตัวjavascriptในส่วนที่ต้องการดึก)



 

สอบถามเกี่ยวกับการเขียน select dropdows ดึงข้อมูลสินค้า กดเลือกสินค้าแล้วแสดงราคาสินค้าตามมาครับ (ผมใช้ตัวjavascriptในส่วนที่ต้องการดึก)

 



Topic : 135493



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



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




ดึงข้อมูลในฐานข้อมูลแสดงใน dropdows
Code (PHP)
<table class="table table-bordered table-hover" id="tab_logic">
<thead>
    
<tr class="w3-table-all" style="background-color:#CCFFFF;color:black">
<th class="text-center"> # </th>
<th class="text-center"> Product </th>
<th class="text-center"> Qty </th>
<th class="text-center"> Price </th>
<th class="text-center"> Total </th>
</tr>
</thead>
<tbody>
<tr id='addr0'>
<td>1</td>
<td><select class="form-control" name='product[]' onChange="option_checker(this);"></select></td>
<td><input type="number" name='qty[]' placeholder='Enter Qty' class="form-control qty" step="0" min="0"/></td>
<td><input type="number" name='price[]' placeholder='Enter Unit Price' class="form-control price" step="0.00" min="0"/></td>
<td><input type="number" name='total[]' placeholder='0.00' class="form-control total" readonly/></td>
</tr>
<tr id='addr1'></tr>
</tbody>
</table>

<div class="row clearfix">
<div class="col-md-12">
<button id="add_row" class="btn btn-default pull-left">Add Row</button>
<button id='delete_row' class="pull-right btn btn-default">Delete Row</button>
</div>
</div>
<div class="row clearfix" style="margin-top:20px">
<div class="pull-right col-md-4">
<table class="table table-bordered table-hover" id="tab_logic_total">
<tbody>
<tr class="w3-table-all" style="background-color:#CCFFFF;color:black">
<th class="text-center">Sub Total</th>
<td class="text-center"><input type="number" name='sub_total' placeholder='0.00' class="form-control" id="sub_total" readonly/></td>
</tr>
<tr>
<th class="text-center">Tax</th>
<td class="text-center"><div class="input-group mb-2 mb-sm-0">
<input type="number" class="form-control" id="tax" placeholder="0">
<div class="input-group-addon">%</div>
</div></td>
</tr>
<tr>
<th class="text-center">Tax Amount</th>
<td class="text-center"><input type="number" name='tax_amount' id="tax_amount" placeholder='0.00' class="form-control" readonly/></td>
</tr>
<tr>
<th class="text-center">Grand Total</th>
<td class="text-center"><input type="number" name='total_amount' id="total_amount" placeholder='0.00' class="form-control" readonly/></td>
</tr>

<script type="text/javascript">
$(document).ready(function(){

option_list('addr0');

var i=1;
$("#add_row").click(function(){b=i-1;
$('#addr'+i).html($('#addr'+b).html()).find('td:first-child').html(i+1);
$('#tab_logic').append('<tr id="addr'+(i+1)+'"></tr>');
option_list('addr'+i);
i++; 
});
$("#delete_row").click(function(){
if(i>1){
$("#addr"+(i-1)).html('');
i--;
}
calc();
});

$(".product").on('change',function(){
option_checker(this)
});


$('#tab_logic tbody').on('keyup change',function(){
calc();
});
$('#tax').on('keyup change',function(){
calc_total();
});

});

function option_checker(id)
{
var myOption=$(id).val();
var s =0;
$('#tab_logic tbody tr select').each(function(index, element){
var myselect = $(this).val();
if(myselect==myOption){
s += 1;
}
});
if(s>1){
alert(myOption+' as been added already try new..')  
}
}

function option_list(id)
{
el='#'+id;
     
var myArray =['<?"SELECT * FROM product ORDER BY pd_id ASC";$objQuery = mysql_query($strSQL);
while($objResuut = mysql_fetch_array($objQuery))?>'];
var collect = '<option value="<?php echo $objResuut["pd_id"];?>"><?php echo $objResuut["pd_id"]." - ".$objResuut["pd_name"];?></option>';

for(var i = 0; i<myArray.length;i++){
collect += '<option value="'+myArray[i]+'">'+myArray[i]+'</option>';
}
$(el+" select").html(collect);
}

function calc()
{
$('#tab_logic tbody tr').each(function(i, element) {
  
var html = $(this).html();

var qty = $(this).find('.qty').val();
var price = $(this).find('.price').val();
$(this).find('.total').val(qty*price);

calc_total();
});
}

function calc_total()
{
total=0;
$('.total').each(function() {
total += parseInt($(this).val());
});
$('#sub_total').val(total.toFixed(2));
tax_sum=total/100*$('#tax').val();
$('#tax_amount').val(tax_sum.toFixed(2));
$('#total_amount').val((tax_sum+total).toFixed(2));
}
</script>

ช่วยผมด้วยน่ะครับโปรเจ็คจบของผมครับ



Tag : PHP, XAMPP









ประวัติการแก้ไข
2020-08-27 15:21:21
2020-08-27 20:48:27
2020-08-27 21:27:09
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2020-08-26 14:56:49 By : nan433022 View : 823 Reply : 4
 

 

No. 1



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



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

ครอบ PHP Code ด้วยครับ (อยู่ icon แรก บริเวณบนขวาของ text area ข้อความโพสต์กระทู้)






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-26 15:04:44 By : PhrayaDev
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : PhrayaDev เมื่อวันที่ 2020-08-26 15:04:44
รายละเอียดของการตอบ ::
... ใส่ความคิดเห็นตรงนี้.......ทำยังใงครับพอดีพึ่งตั้งเป็นครั้งเเรกครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-26 23:00:28 By : nan433022
 

 

No. 3



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



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

ตัวอย่าง แบบครอบ

Code (PHP)
<?php
if (hasPHPtag()):
   echo "easy readable";
endif;


แบบไม่ใส่ PHP tag (ไม่สบายตา)

<?php
if (hasPHPtag()):
echo "easy readable";
endif;
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-26 23:19:52 By : PhrayaDev
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : PhrayaDev เมื่อวันที่ 2020-08-26 23:19:52
รายละเอียดของการตอบ ::
ขอบคุณครับเข้าใจแล้วครับ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2020-08-27 15:22:41 By : nan433022
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเกี่ยวกับการเขียน select dropdows ดึงข้อมูลสินค้า กดเลือกสินค้าแล้วแสดงราคาสินค้าตามมาครับ (ผมใช้ตัว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 อัตราราคา คลิกที่นี่