Выбор элемнта списка <li> по клику. Виджет autocomplete().
:help: Не могу настроить, чтобы по клику на каком-то элементе списка значение этого элемента записывалось в текстовое поле input (строки 25-35). Или, может быть, кто нибудь знает, как вместо всего этого скрипта настроить виджет JQuery autocomplete() с параметрами кроссдоменного запроса из из строки 13-15. Буду очень признателен за помощь.
<input id="myElement" type="text" size="40" />
<div id="autocomlet">
<ul id="list"></ul>
</div>
<script type="text/javascript">
var xhr = new easyXDM.Rpc({
swf: "https://discovery.gdbilet.ru/cors/easyxdm.swf",
remote: "https://discovery.gdbilet.ru/cors/index.html"
}, {
remote: {
request: {}
}
});
document.getElementById('myElement').onkeypress = function menu () {
var s = document.getElementById('myElement').value;
xhr.request({
url: "https://discovery.gdbilet.ru/Rzhd/Train/SearchStation",
method: "GET",
data: { limit: 10, q: s }
}, function(response) {
var arr = JSON.parse(response.data);
var list = document.getElementById('list');
while (list.firstChild) {list.removeChild(list.firstChild)};
for (var i = 0; i < arr.length; i++) {var li = document.createElement('li');
li.innerHTML = arr[i].name;
list.appendChild(li); li.id = 'auto'; };
});
};
document.getElementById('auto').onclick = function entervalue (){
var m, k;
m=document.getElementById("list").getElementsByTagName("li");
k=m.length;
while(k--){m[k].onclick=myLI;};
};
function myLI(){
document.getElementById('myElement')=this.innerHTML;
};
</script>
|