ขอคำแนะนำเรื่อง 2 input Autocomplete(2 database) ใน 1 Form

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ขอคำแนะนำเรื่อง 2 input Autocomplete(2 database) ใน 1 Form

ขอคำแนะนำเรื่อง 2 input Autocomplete(2 database) ใน 1 Form

 ผมต้องการต่อยอดจาก forum สร้างฟังก์ชัน autocomplete ให้ใช้งานแบบง่าย ด้วย ajax  จึงอยากถามผู้รู้ว่าใครพอมี Code หรือแนะนำวิธีการทำให้ใน 1 Form มี 2 input ที่ทำ autocomplete ได้ และแต่ละ input มีการ query ต่าง database กัน  รบกวนด้วยนะครับ

ขอบคุณครับ



Pontiac 202.69.137.xxx 29-10-2010 20:32:44

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

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


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


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

 ความคิดเห็นที่ 11
พอดีใช้ autocomplete ของอีกโค้ดนึงที่โหลดมาอ่ะค่ะ โค้ดตัวนี้

 <script type="text/javascript">
 var pd_group = [ 'หมวดเครื่องสำอาง' , 'หมวดอาหารเสริม'  , 'หมวดสื่อการสร้างธุรกิจ' , 'หมวดสินค้าพิเศษ'  ];
 $(function () {
 $("input").autocomplete({
 source: [pd_group]
 });
 });
 </script>

มันก็ใช้ได้ค่ะ แต่มันขึ้นทุก textbox ใบฟอร์มเลย จะแยกแต่ละ textbox ให้เป็นค่าของใครของมันยังไงดีคะ


รญา พชรวรางค์กูล 223.205.100.xxx 29-10-2015 01:02
 ความคิดเห็นที่ 12
$("input") แบบนี้น่าจะผูกกับ textbox ทั้งหมด
ถ้าแยก ก็ลองใช้เป็น
 
$("input[name=xxxx]")  xxx ก็ชื่อของ textbox ที่ต้องการ มีหลายอันก็เปลี่ยนชื่อ
 
 $(function () {
$("input[name=xxxx1]").autocomplete({
 source: [pd_group]
 });
$("input[name=xxxx2]").autocomplete({
 source: [pd_group]
 });
 });


ninenik 180.183.104.xxx 29-10-2015
 ความคิดเห็นที่ 13
ขอถามนอกเรื่องหน่อยค่ะ พอดีเป็นมือใหม่ค่ะเคยทำแต่เว็บแบบเก่า พอมาปรับเป็น Responsive Design ก็งงหลายอย่างเลย คือเรื่องเมนูอ่ะค่ะจะทำให้มันแสดงต่างกันในสมาร์ทโฟทกับคอม แ่ตัวเมนูมันขึ้นบังข้อมูงหน้าเว็บหมดแล้วกดซ่อนไม่ได้อ่ะ เป็นสคริปที่โหลดมาอ่ะค่ะ
 
สคริปค่ะ
.menu-icon
                {
                    display: inline-block;
                    margin: 5px 0px 0px 10px;
                    padding: 0px 0px;
                    height: 30px;
                    background-color: #9c0121;
                    line-height: 30px;
                    text-align: center;
                    color: #FFF;
                    font-weight: bold;
                    border: #9c0121 2px solid;
                    cursor: pointer;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                }

ตอนใช้
<div class="main-wrapper">
    <div class="sec-header mobile">
                <div class="menu-icon"><img src="images/Menu-Icon.jpg" border="0" alt="MENU"></div>
                <ul>
                    <li><a href="home.php">หน้าหลัก</a></li>
                    <li><a href="#">รหัสสินค้า</a></li>
                    <li><a href="#">รหัสสมาชิก</a></li>
                    <li><a href="#">สั่งซื้อสินค้า</a></li>
                    <li><a href="#">คอมมิชชั่น</a></li>
                    <li><a href="#">รายงาน</a></li>
                    <li><a href="#">เปลี่ยนรหัสผ่าน</a></li>
                    <li><a href="index.php?command=LOGOUT">ออกจากระบบ</a></li>
                </ul>
    </div>
            <div class="sec-header desktop">
              <tr>
                <td bgcolor="#019c7d"><div align="center">
                  <a href="home.php"><img src="images/home.jpg" alt="Home" name="home" width="120" height="35" border="0" id="Image1" onMouseOver="MM_swapImage('home','','images/home-select.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
                  <a href="products_code.php"><img src="images/products.jpg" alt="products" name="products" width="120" height="35" border="0" id="Image2" onMouseOver="MM_swapImage('products','','images/products-select.jpg',1)" onMouseOut="MM_swapImgRestore()"></a><a href="member_code.php"><img src="images/member.jpg" alt="member" name="member" width="120" height="35" border="0" id="member" onMouseOver="MM_swapImage('member','','images/member-select.jpg',1)" onMouseOut="MM_swapImgRestore()"></a><a href="order.php"><img src="images/order.jpg" alt="order" name="order" width="120" height="35" border="0" id="order" onMouseOver="MM_swapImage('order','','images/order-select.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
                  <a href="commission.php"><img src="images/commission.jpg" alt="commission" name="commission" width="120" height="35" border="0" id="commission" onMouseOver="MM_swapImage('commission','','images/commission-select.jpg',1)" onMouseOut="MM_swapImgRestore()"></a><a href="report.php"><img src="images/report.jpg" alt="report" name="report" width="120" height="35" border="0" id="report" onMouseOver="MM_swapImage('report','','images/report-select.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
                  <a href="repassword.php"><img src="images/password.jpg" alt="repass" name="repass" width="130" height="35" border="0" id="repass" onMouseOver="MM_swapImage('repass','','images/password-select.jpg',1)" onMouseOut="MM_swapImgRestore()"></a>
                  <a href="index.php?command=LOGOUT"><img src="images/logout.jpg" alt="logout" name="logout" width="130" height="35" border="0" id="logout" onMouseOver="MM_swapImage('logout','','images/logout-select.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></div></td>
              </tr>
    </div>
</div>
</table>
<div align="center" class="font_normal" style="padding: 1em;">
  <div>
      <table id="Table_01" width="321" height="38" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td><a href="products_code.php?Action=NewPD"><img src="../Temp/images/AddProducts_01.jpg" alt="" name="NewPD" width="156" height="38" border="0" id="NewPD" onMouseOver="MM_swapImage('NewPD','','../Temp/images/AddProductsSelect_01.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
          <td><img src="../Temp/images/AddProducts_02.jpg" width="10" height="38" alt=""></td>
          <td><a href="products_code.php?Action=NewPS"><img src="../Temp/images/AddProducts_03.jpg" alt="" name="NewPS" width="155" height="38" border="0" id="NewPS" onMouseOver="MM_swapImage('NewPS','','../Temp/images/AddProductsSelect_03.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
        </tr>
      </table>
    </div>


รญา พชรวรางค์กูล 223.206.54.xxx 29-10-2015 12:53






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ