我正在使用jQuery的自动完成插件来创建清单。 有一系列的问题,但幸好得到了解决方案除了1。 我的问题是,当我点击任何复选框时,它不会保持其状态。 另外,如果单击列表项,我还要勾选复选框。
HTML:
<input type='text' id='inTestField' name ='inTestField' />
<input type='hidden' id='TestField' name ='TestField' />
JS:
var cache = {},lastXhr,selectedItems;
var autoComplete = jQuery( '#inTestField').autocomplete
({
minLength: 1,
source : function( request, response ) {
var term = request.term;
type:'post';
// ajax request to server
},
delay: 800,
autoSelect :true,
open:
function( event, ui ){
selectedItems = new Array();
}
});
autoComplete.data('autocomplete').menu.options.selected = function(event, ui) {
var item = ui.item.data( 'item.autocomplete' );
if(!(item.value == '')){
selectedItems.push(item.value);
selectedItems = selectedItems.filter(function(elem, pos, self) {
return self.indexOf(elem) == pos;
});
document.getElementById('TestField').value = selectedItems;
jQuery(this).val(selectedItems.length + 'items selected');
}
autoComplete.focus();
return false;
};
autoComplete.data( "autocomplete" )._renderItem = function( ul, item ) {
return jQuery( "<li></li>" )
.data( 'item.autocomplete', item )
.append( '<a><input type="checkbox" id="autoCheck_'+item.value+'" /> ' + item.label + '</a>' )
.appendTo( ul );
};
请建议所需的任何更改 提前致谢