ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้
ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้


ถามหน่อยครับ เรื่อง autocomplete

ถาม-ตอบ แนะนำไอเดีย โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ถามหน่อยครับ เรื่อง autocomplete

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

ถามหน่อยครับ เรื่อง autocomplete
ผมได้ใช้ Auto Complete ในการทำการค้นหาในฐานข้อมูล แต่ มันใช้งานได้แค่อันเดียว อ่ะครับ คืออันแรก 

ถ้าผมกดเพิ่ม Element มันจะเพิ่มใช่ไหมครับแต่ element ที่เพิ่มมามันไม่ตอบสนองกับ auto complete อ่ะครับทั้งที่ ชื่อ และ class ก็เหมือนกับอันแรก อ่ะครับ ผมควรทำอย่างไรดี

<code><span class="tag"><script></span><span class="pln">
                $</span><span class="pun">(</span><span class="pln">document</span><span class="pun">).</span><span class="pln">ready</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">(){</span><span class="pln">
            $</span><span class="pun">(</span><span class="str">"#addCF"</span><span class="pun">).</span><span class="pln">click</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">(){</span><span class="pln">
$</span><span class="pun">(</span><span class="str">"#customFields"</span><span class="pun">).</span><span class="pln">append</span><span class="pun">(</span><span class="str">'<tr valign="top"><th scope="row"><label for="customFieldName">Custom Field</label></th><td><input type="text" class="med"  name="customFieldName[]" value="" placeholder="รายชื่อยา" />&nbsp; <input type="text" class="code" name="customFieldValue[]" value="" placeholder="Input Value" /> &nbsp; <a href="javascript:void(0);" id="remCF">Remove</a></td></tr>'</span><span class="pun">);</span><span class="pln">
                </span><span class="pun">});</span><span class="pln">

$</span><span class="pun">(</span><span class="str">"#customFields"</span><span class="pun">).</span><span class="pln">on</span><span class="pun">(</span><span class="str">'click'</span><span class="pun">,</span><span class="pln"> </span><span class="str">'#remCF'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">function</span><span class="pun">(){</span><span class="pln">
$</span><span class="pun">(</span><span class="kwd">this</span><span class="pun">).</span><span class="pln">parent</span><span class="pun">().</span><span class="pln">parent</span><span class="pun">().</span><span class="pln">remove</span><span class="pun">();</span><span class="pln">
                    </span><span class="pun">}</span><span class="pln">       </span><span class="pun">);</span><span class="pln">

                    </span><span class="pun">});</span><span class="pln">

                    </span><span class="tag"></script></span><span class="pln">

                    </span><span class="tag"><script></span><span class="com">//auto complete Code</span><span class="pln">
 $</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
$</span><span class="pun">(</span><span class="str">'.med'</span><span class="pun">).</span><span class="pln">autocomplete</span><span class="pun">({</span><span class="pln">
source</span><span class="pun">:</span><span class="pln"> </span><span class="str">"show.php"</span><span class="pun">,</span><span class="pln">minLength</span><span class="pun">:</span><span class="pln"> </span><span class="lit">2</span><span class="pun">,</span><span class="pln">
select</span><span class="pun">:</span><span class="kwd">function</span><span class="pun">(</span><span class="pln"> event</span><span class="pun">,</span><span class="pln"> ui </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
 $</span><span class="pun">(</span><span class="str">'#name'</span><span class="pun">).</span><span class="pln">val</span><span class="pun">(</span><span class="pln">ui</span><span class="pun">.</span><span class="pln">item</span><span class="pun">.</span><span class="pln">name</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">});</span><span class="pln">

</span><span class="pun">});</span><span class="pln">
</span><span class="tag"></script></span><span class="pln">


</span><span class="tag"><table</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"form-table"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"customFields"</span><span class="tag">></span><span class="pln">
            </span><span class="tag"><div</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"name"</span><span class="pln"> </span><span class="tag">></div></span><span class="pln">
    </span><span class="tag"><tr</span><span class="pln"> </span><span class="atn">valign</span><span class="pun">=</span><span class="atv">"top"</span><span class="tag">></span><span class="pln">
        </span><span class="tag"><th</span><span class="pln"> </span><span class="atn">scope</span><span class="pun">=</span><span class="atv">"row"</span><span class="tag">><label</span><span class="pln"> </span><span class="atn">for</span><span class="pun">=</span><span class="atv">"customFieldName"</span><span class="tag">></span><span class="pln">Custom Field</span><span class="tag"></label></th></span><span class="pln">
        </span><span class="tag"><td></span><span class="pln">
            </span><span class="tag"><input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text"</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"med"</span><span class="pln">  </span><span class="atn">name</span><span class="pun">=</span><span class="atv">"customFieldName[]"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">""</span><span class="pln"> </span><span class="atn">placeholder</span><span class="pun">=</span><span class="atv">"รายชื่อยา"</span><span class="pln"> </span><span class="tag">/></span><span class="pln"> &nbsp;
            </span><span class="tag"><input</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text"</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"code"</span><span class="pln"> </span><span class="atn">name</span><span class="pun">=</span><span class="atv">"customFieldValue[]"</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">""</span><span class="pln"> </span><span class="atn">placeholder</span><span class="pun">=</span><span class="atv">"จำนวน"</span><span class="pln"> </span><span class="tag">/></span><span class="pln"> &nbsp;

            </span><span class="tag"><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"javascript:void(0);"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"addCF"</span><span class="tag">></span><span class="pln">ADD</span><span class="tag"></a></span><span class="pln">
        </span><span class="tag"></td></span><span class="pln">
    </span><span class="tag"></tr></span><span class="pln">
</span><span class="tag"></table></span></code>

http://jsfiddle.net/earc4436/3/ <<< อันนี้เป็น Interface นะครับ เพื่อใครไม่เข้าใจ แต่ยังไม่ใส่ Autocomplete นะครับ


Count 07-10-2014 10:56:47

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

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


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • CAPTCHA Image
    Play CAPTCHA Audio
    Refresh Image


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

 ความคิดเห็นที่ 1
http://jsfiddle.net/earc4436/3/ <<< อันนี้เป็น Interface นะครับ เพื่อใครไม่เข้าใจ แต่ยังไม่ใส่ Autocomplete นะครับ   


count 07-10-2014 10:59
 ความคิดเห็นที่ 2
เหมือนมีคนเคยถามแล้ว รู้สึกว่ จะใช้ autocomplete กับ
กับรายการที่เป็น ajax หรือ dom ที่สร้างหลังจากการโหลดแล้วไม่ได้



ninenik 07-10-2014
 ความคิดเห็นที่ 3
ขอบคุณมากครับคุณ Ninenik


count 07-10-2014 18:57
1






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