ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingช่วยด้วยครับ เรื่องการใช้javascript function make_autocom() ร่วมกับadd taxtbox
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ช่วยด้วยครับ เรื่องการใช้javascript function make_autocom() ร่วมกับadd taxtbox  (อ่าน 736 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
marauder
Newbie
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 65



ดูรายละเอียด เว็บไซต์
« เมื่อ: 09 ธันวาคม 2013, 16:17:18 »

 wanwan017ช่วยด้วยครับ  wanwan017

ผมพยายามจะสร้างการเพิ่มสินค้าแบบหาสินค้าจากการพิมพ์เพียงช่องเดียว ตามภาพครับ
แต่มีปัญหาตรงที่พอ คลิก Add Button กลับขึ้น Undefined แล้วก็ค้นหาไม่ได้ครับ
Codeน่ะครับ
code การเพิ่ม Textbox
โค๊ด:
<script type="text/javascript">
$(document).ready(function(){
    var counter = 2;
    $("#addButton").click(function () {
if(counter>30){
alert("Only 30 textboxes allow");
return false;
}   
var newTextBoxDiv = $(document.createElement('tr'))
.attr("id", 'TextBoxDiv'   counter);
newTextBoxDiv.after().html('<td><input name="code_item' counter '" id="show_id' counter '" size="15" value="" disabled /></td>'
   '<td><input name="desc' counter '" type="text" id="show_desc' counter '" size="50" />'
   make_autocom("show_desc1","show_id1") '</td>'
   '<td align="center"><input name="unit' counter '" type="text" id="show_unit' counter '" disabled /></td>'
   '<td align="center"><input type="number" name="std' counter '" id="show_std' counter '" min="1" max="999" /></td>'
   '<td><input type="number" name="qty' counter '" id="show_qty' counter '" min="1" max="999" /></td>'
   '<td class="block">&nbsp;</td><td class="block">&nbsp;</td>');
newTextBoxDiv.appendTo("#TextBoxesGroup");
counter  ;
    });

    $("#removeButton").click(function () {
    if(counter==1){
          alert("No more textbox to remove");
          return false;
       }   
    counter--;
        $("#TextBoxDiv"   counter).remove();
     });

     $("#getButtonValue").click(function () {

    var msg = '';
    for(i=1; i<counter; i  ){
      msg  = "
 show_id #"   i   " : "   $('#show_id'   i).val();
    }
          alert(msg);
     });
  });
</script>

code การค้นหา
โค๊ด:
<script type="text/javascript" src="../js/autocomplete.js"></script>
<script type="text/javascript">
    function make_autocom(autoObj,showObj){
        var mkAutoObj=autoObj;
        var mkSerValObj=showObj;
        new Autocomplete(mkAutoObj, function() {
            this.setValue = function(id) {
            document.getElementById(mkSerValObj).value = id;
        }
            if ( this.isModified )
                 this.setValue("");
            if ( this.value.length < 1 && this.isNotClick )
                return ;
            return "../js/gdata.php?q="  encodeURIComponent(this.value);
        });
    }
</script>

Code การเรียกใช้
โค๊ด:
<table id='TextBoxesGroup'>
    <tr id="TextBoxDiv1">
        <td align="center">
<input name="code_item1" id="show_id1" size="15" value="" disabled />
</td>
<td>
  <input name="desc1" type="text" id="show_desc1" size="50" />
  <script type="text/javascript">
make_autocom("show_desc1","show_id1");
  </script>
</td>
<td align="center">
<input name="unit1" type="text" id="show_unit1" disabled />
</td>
<td align="center">
<input type="number" name="std1" id="show_std1" min="1" max="999" />
</td>
<td>
<input type="number" name="qty1" id="show_qty1" min="1" max="999" />
</td>
<td class="block">&nbsp;</td>
<td class="block">&nbsp;</td>
    </tr>
</table>
<input type='button' value='Add Button' id='addButton'>
<input type='button' value='Remove Button' id='removeButton'>
<input type='button' value='Get TextBox Value' id='getButtonValue'>

รบกวนด้วยครับ wanwan017
บันทึกการเข้า

เที่ยวภูเก็ต เที่ยวพังงา เที่ยวกระบี่
หน้า: [1]   ขึ้นบน
พิมพ์