通過Ajax動態更新數據列表

Question

我需要通過ajax更新html 5數據列表。
HTML代碼在這里。

<body>
  <input type="text" id="bar" list="fruit" onkeyup="jsfun()" />
   <datalist id="fruit"></datalist>
</body>

JavaScript的偽代碼。

function jsfun(){
    //1- Get the last word from input field ("bar").
    var skw1 = document.getElementById("searchBar").value;
    var skw2 = skw1.split(" ");
    var skw = skw2[skw2.length-1];
   //2- Use Ajax to send data on server and get data result back
   /* 
   * here goes other javascript content for ajax
    */
    xmlhttp.open("GET","searchopt.php?skw="+skw,true);
            xmlhttp.send();
   //3- use javascript to update the datalist with those result which Ajax get.
}

看到下面的URL這里首先寫mang，然后將其刪除並寫bann
它給出了一個建議
然后將其刪除，並知道這一次寫出了芒果bann，它無法給出任何建議。為什么但是該建議已存在於數據庫中。它僅針對第一個單詞給出建議。
http://iws.uphero.com/qwe.html

Answer 1

好的...這是問題。 默認情況下，數據列表將文本框中的內容與允許的選項匹配。 通過AJAX可以正確更改選項。 不變的是“ manan bann”不等於“ mango”或“ bann”。

解決方法是，輸入第二個單詞后，可以使用AJAX函數覆蓋文本框。 例如：

var skw1 = document.getElementById("searchBar").value;
var skw2 = skw1.split(" ");
var skw = skw2[skw2.length-1];
document.getElementById("searchBar").value = skw;

通過Ajax動態更新數據列表

問題描述

1 個解決方案

解決方案1
0 2013-04-17 13:45:31

通過Ajax動態更新數據列表

問題描述

1 個解決方案

解決方案1 0 2013-04-17 13:45:31

解決方案1
0 2013-04-17 13:45:31