|
|
|
ขอcode ajax autocomplete ค่ะ โดยsearchข้อมูลจาก2เงื่อนไขอ่ะ |
|
|
|
|
|
|
|
ผมไม่ได้ใช้ ajax autocomplete อ่ะ
เขียนแบบธรรมดาเลย ใช้ If.....else
จากรูป ถ้าไม่เลือกแล้วกดค้นหา ก็จะแสดงข้อมูลทั้งหมด
จะเลือกเฉพาะ dropdownlist แสดงข้อมูล
ค้นหาจาก textbox แสดงข้อมูล
จาก dropdownlist+ textbox แสดงข้อมูล
ปล.สามารถทำหลายๆเงื่อนไขได้ เช่นมี dropdownlist หลายอัน + textbox ก็ได้ขึ้นอยู่กับการกำหนดตรงเงื่อนไขใน คำสั่ง SQL
ลองเอา Code มาลงดูสิครับ บางทีอาจจะช่วยตอบได้ ^_^
ตัวอย่าง
|
|
|
|
|
Date :
2010-03-15 11:01:24 |
By :
cacashi |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คุณ cacashi ครับ รบกวนขอ Code การค้นหาในแบบที่คุณทำข้างนบนี้ได้ไหม๊ครับ
|
|
|
|
|
Date :
2010-10-18 16:36:40 |
By :
dj2004 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ก็เป็นการเขียนแบบปกตินี่ครับ เขียนเงื่อนไขขึ้นมา ว่าถ้า ข้อมูลที่เลือก เป็นแบบไหนก็ให้ไปแบบนั้น ครับก็ไม่ยา่กนะครับ
หรือไม่ลองแบบ
search คำว่า search ajax ดูดิครับ จะมีของพี่วินเขียนเอาไว้อะครับ ลองดูนะครับ
|
|
|
|
|
Date :
2010-10-18 16:42:34 |
By :
SOUL |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อืมครับผมได้ดูของพี่วินแล้วครับ.. แต่อันนั้น มันค้นหาจาก textbox อันเดียวนะครับ.. แล้วอีกอย่างผมพึ่งเริ่มต้น ajax ก็เลยไม่รู้ว่าจะทำยังไง
* ในส่วนที่ผมต้องการคือ ให้ตัวลิสเมนูเป็นตัวบอกหมวดหมู่ แล้วเอาคำค้นหาจาก ตัว textbox ตามตัวอย่างในภาพของคุณ cacashi นะครับ
ที่ผ่านมาผมเขียนเฉพาะ php ตอนนี้พอลองๆเล่น ajax ดูแล้วรู้สึกว่าการทำงานมันทันใจกว่า php ผมเลยกำลังเริ่มเขียน ajax กับ php ร่วมกัน แล้วก็ มาติด ตรงการค้นหาแบบที่ผมว่านี้แหละครับ...
ขอบคุณสำหรับทุกคำตอบครับ.....
|
|
|
|
|
Date :
2010-10-18 17:12:25 |
By :
dj2004 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
หลักการเหมือนกันละครับ แตกต่างกันที่ เทคนิคการเขียนครับ เราก็เขียน list box ขึี้นมา และส่งค่าไป จากตัวอย่างของพี่วินเป็นการส่ง ค้าไปแค่ textbox เดียว เราก็ต้องเปลี่ยน เป็น ส่งไปสองค่า ครับ เราอาจจะนำ code add ข้อมูล ajax มาเป็นแนวทางในการแก้ไขได้ครับ เอาตรงส่วน ที่ส่งค่าไปใช้ได้ครับ ลองศึกษาดูนะครับ ถ้านำตัวอย่างของพี่วินหลายอันมาประกอบกันจะได้คำตอบ ว่าจะส่งค่าไปอย่างไร ครับ อิอิอิอิอิ
|
|
|
|
|
Date :
2010-10-18 17:18:52 |
By :
SOUL |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แงมๆ.. ขอบคุณครับ กำลัง งมๆ อยู่... มั่วๆแปลกๆ 5555
|
|
|
|
|
Date :
2010-10-18 17:23:59 |
By :
dj2004 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มารายงานผลครับ.... จากที่นั้ง.. งม อยู่ทั่งวันเมื่อวานนี้ สรุป ไม่ได้ครับ... มีใครพอจะมีตัวอย่างมั่งไหม๊ครับ
|
|
|
|
|
Date :
2010-10-19 14:13:42 |
By :
dj2004 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองดู code นะครับ โดยใช้วิธี get จาก id นะ
Code (JavaScript)
var HttPRequest = false;
function doCallAjax(Search) {
HttPRequest = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
HttPRequest = new XMLHttpRequest();
if (HttPRequest.overrideMimeType) {
HttPRequest.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!HttPRequest) {
alert('Cannot create XMLHTTP instance');
return false;
}
var url = '../module/mod_search_cut/search_cut.php';
var pmeters ="tName=" + encodeURI( document.getElementById("name").value ) +"&mySearch="+Search;
HttPRequest.open('POST',url,true);
HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
HttPRequest.setRequestHeader("Content-length", pmeters.length);
HttPRequest.setRequestHeader("Connection", "close");
HttPRequest.send(pmeters);
HttPRequest.onreadystatechange = function()
{
if(HttPRequest.readyState == 3) // Loading Request
{
document.getElementById("mySpan").innerHTML = "Now is Loading...";
}
if(HttPRequest.readyState == 4) // Return Request
{
document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
}
}
}
ลองดูอันนี้ละกันครับ ผมว่าเป็นตัวอย่างให้คุณศึกษาได้ครับ
|
|
|
|
|
Date :
2010-10-19 14:18:17 |
By :
SOUL |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มารายงานผลครับ... ปรากฏว่าได้แล้วครับ.. ขอบคุณมากมายครับผม ^^
|
|
|
|
|
Date :
2010-10-19 15:44:00 |
By :
dj2004 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|