[英]How to append jquery ui autocomplete element?
I would like to know how to append jquery ui autocomplete elements once the page is active. 我想知道如果页面处于活动状态时如何附加jquery ui自动完成元素。
The idea is that there are two elements and I would like to add the third element once a submit button is pressed. 这个想法是有两个元素,我想在按下提交按钮后添加第三个元素。
Here is my code: 这是我的代码:
$(function() {
var projects = [{
value: '123',
label: 'Element 1',
desc: 'Element 1 Description',
icon: 'element1icon.png'
},{
value: '456',
label: 'Element 2',
desc: 'Element 2 Description',
icon: 'element2icon.png'
}
,];
$("#desc1").autocomplete({
minLength: 0,
source: projects,
focus: function(event, ui) {
$("#desc1").val(ui.item.label);
return false;
},
select: function(event, ui) {
$("#desc1").val(ui.item.label);
$("#desc-id1").val(ui.item.value);
return false;
}
})
.data('ui-autocomplete')._renderItem = function(ul, item) {
return $('<li>')
.append('<a>' + item.label + '<br>' + item.desc + '</a>')
.appendTo(ul);
};
});
$( "#submit" ).click(function() {
var itemtoadd = $("#addelementtext").val();
alert("This action should insert the element " + itemtoadd);
});
EDIT: 编辑:
The idea is that the old textbox appears with the new element ELEMENT 3 as if it was declared like this: 这个想法是旧的文本框与新元素ELEMENT 3一起出现,好像它是这样声明的:
var projects = [{
value: '123',
label: 'Element 1',
desc: 'Element 1 Description',
icon: 'element1icon.png'
},{
value: '456',
label: 'Element 2',
desc: 'Element 2 Description',
icon: 'element2icon.png'
},{
value: '789',
label: 'Element 3',
desc: 'Elemen 3 Description',
icon: 'element3icon.png'
},
,];
Add it before the button: 在按钮前添加:
$('#submit').before('<input type="text" value="test" />');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.