การ clone() ด้วย jQuery แล้วสามารถนำไปค้นหาข้อมูลในMysql ต่อได้ไหมครับ รบกวนแนะนำหน่อยครับ โดยใช้ check box

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา การ clone() ด้วย jQuery แล้วสามารถนำไปค้นหาข้อมูลในMysql ต่อได้ไหมครับ รบกวนแนะนำหน่อยครับ โดยใช้ check box

ต้องการไปค้นหาข้อมูลต่อในฐานข้อมูลพอจะมีวิธีแนะนำไหมครับ check box ผมเป็นแบบarray





<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    
<div class="per"><!-- InstanceBeginEditable name="content" -->
   <script src="js/jquery.js"></script>
    <div class="container">
 &nbsp;
 
        
 <!-- Portfolio Item Heading -->
 

 
<table id="myTbl" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td align="left" valign="top">
        
<form id="form1" name="form1" method="post" action="lo.php">
 
 <div class="firstTr" >
<h3><font color="#09ba32">ประเภทอาหาร</font></h3>
 <table class="table table-hover"  width="100%" border="0" cellspacing="0" cellpadding="0">  
     <tr > 
        <td><input type="checkbox" name="res[]" value="ก๋วยเตี๋ยว"/>
            <span class="style1"><img src="images/category/ก๋วยเตี๋ยว.png" width="25" height="25">ก๋วยเตี๋ยว</span></td>
        <td><input type="checkbox" name="res[]" value="สุกี้ชาบู"/>
            <span class="style1"><img src="images/category/สุกี้ชาบู.png" width="25" height="25">สุกี้ ชาบู</span></td>
        <td><input type="checkbox" name="res[]" value="ร้านกาแฟ"/>
            <span class="style1"><img src="images/category/ร้านกาแฟ.png" width="25" height="25">ร้านกาแฟ</span></td>
        <td><input type="checkbox" name="res[]" value="หมูกะทะ"/>
            <span class="style1"><img src="images/category/หมูกะทะ.png" width="25" height="25">หมูกะทะ</span></td>
        <td><input type="checkbox" name="res[]" value="สเต็ก"/>
            <span class="style1"><img src="images/category/สเต็ก.png" width="25" height="25">สเต็ก</span></td>
        <td><input type="checkbox" name="res[]" value="อาหารทะเล"/>
            <span class="style1"><img src="images/category/อาหารทะเล.png" width="25" height="25">อาหารทะเล</span></td>
        <td><input type="checkbox" name="res[]" value="เบเกอรี่เค้ก"/>
            <span class="style1"><img src="images/category/เบเกอรี่เค้ก.png" width="25" height="25">เบเกอรี่ เค้ก</span></td>

      </tr>
      
        </table>
        </div>
            
  

</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <button class="btn btn-success" id="addRow" type="button">เพิ่มผู้ใช้</button>  
    &nbsp;
    <button class="btn btn-success" id="removeRow" type="button">ลบผู้ใช้คนล่าสุด</button>
    &nbsp;
    &nbsp;
    &nbsp; 
   
    </td>
    </tr>
</table>
 
 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" 
  <tr>
    <td>  
   <div align="center"><input  class="btn btn-success" type="submit" name="Submit" id="Submit" value="ค้นหาข้อมูล" /></td></div> 
  </tr>
</table>
</form>



<br />
</div>     
<script type="text/javascript">
$(function(){
    
    $("#addRow").click(function(){
        // ส่วนของการ clone ข้อมูลด้วย jquery clone() ค่า true คือ
        // การกำหนดให้ ไม่ต้องมีการ ดึงข้อมูลจากค่าเดิมมาใช้งาน
        // รีเซ้ตเป็นค่าว่าง ถ้ามีข้อมูลอยู่แล้ว ทั้ง select หรือ input
        $(".firstTr:eq(0)").clone(true) 
        .find("input").attr("value","").end(true)
        .find("select").attr("value","").end(true)
        .appendTo($("#myTbl"));
    });
    $("#removeRow").click(function(){
        // // ส่วนสำหรับการลบ
        if($("#myTbl div").size()>1){ // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ
            $("#myTbl div:last").remove(); // ลบรายการสุดท้าย
        }else{
            // เหลือ 1 รายการลบไม่ได้
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
        }
    }); 
    

});
</script>
</body>

Jame Panuwat Suksamran 182.53.120.xxx 03-12-2016 18:28:50

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

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

ดูการใช้ตัวแปรจากรายการ clone จากบทความนี้เป็นแนวทาง

การเพิ่ม ลบ แก้ไข ข้อมูล กับ รายการ clone() ด้วย jquery

https://www.ninenik.com/content.php?arti_id=478 via @ninenik

ดูการค้นหาข้อมูลจาก database จากบทความนี้เป็นแนวทาง

แนวทาง การค้นหาจาก หลายรูปแบบ และแบ่งหน้า อย่างง่าย

https://www.ninenik.com/content.php?arti_id=573 via @ninenik

ninenik 1.47.171.xxx 03-12-2016

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน