Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将JQuery AutoComplete与列表li元素中的单选按钮结合使用_Javascript_Jquery_Html_Css_Autocomplete - Fatal编程技术网

Javascript 将JQuery AutoComplete与列表li元素中的单选按钮结合使用

Javascript 将JQuery AutoComplete与列表li元素中的单选按钮结合使用,javascript,jquery,html,css,autocomplete,Javascript,Jquery,Html,Css,Autocomplete,这是我的代码: $('.SliderBox').on("focus",function () { $(this).autocomplete({ delay: 500, minLength: @(Model.SearchTermMinimumLength.ToString()), source: '@(Url.RouteUrl("ProductSearch

这是我的代码:

$('.SliderBox').on("focus",function () {            
            $(this).autocomplete({
                delay: 500,
                minLength: @(Model.SearchTermMinimumLength.ToString()),
                source: '@(Url.RouteUrl("ProductSearchAutoComplete"))',
                select: function( event, ui ) {                    
                    $(this).val(ui.item.label);
                    var box_id = $(this).closest('.search-box').attr('value');
                    $('.Picture'+box_id+' img').attr('src',ui.item.productpictureurl[0]).width(100).height(100);
                    $('#Picture'+box_id+'Id').attr('value',ui.item.PicId)
                    $('.Text'+box_id+' input').attr('value',ui.item.label)
                    $('.Link'+box_id+' input').attr('value',ui.item.producturl);
                    return false;
                }
            })
                            .data("ui-autocomplete")._renderItem = function( ul, item ) { 

                                var divClass = item.label + "-class";
                                divClass = divClass.replace(/\s+/g, '');   

                                var radioBtn = '<input type="radio" name="'+item.label+'" />';

                                var li = $("<li></li>").data("item.autocomplete", item);
                                li.append("<a>" + item.label + "</a>");                                

                                li.append("<div class = '"+divClass+"' ></div>");  
                                li.appendTo(ul);                                
                                for(var i = 0; i<item.productpictureurl.length; i++){    
                                    $("." + divClass).append("<img width='100px' height='100px' src='" + item.productpictureurl[i] + "' />");
                                    $("." + divClass).append(radioBtn);
                                }                                

                                //li.appendTo(ul);
                                return li;
                            };
        });
$('.SliderBox')。在(“焦点”,函数(){
$(此)。自动完成({
延误:500,
minLength:@(Model.SearchTermMinimumLength.ToString()),
来源:“@(Url.RouteUrl(“ProductSearchAutoComplete”)”,
选择:函数(事件,ui){
$(this.val(ui.item.label);
var box_id=$(this).closest('.search box').attr('value');
$('.Picture'+box_id+'img').attr('src',ui.item.productpictureurl[0])。宽度(100)。高度(100);
$('#Picture'+box_id+'id').attr('value',ui.item.PicId)
$('.Text'+box_id+'input').attr('value',ui.item.label)
$('.Link'+box_id+'input').attr('value',ui.item.producturl);
返回false;
}
})
.data(“ui自动完成”)。\u renderItem=函数(ul,项){
var divClass=item.label+“-class”;
divClass=divClass.replace(/\s+/g',);
var radioBtn='';
var li=$(“
  • ”)数据(“item.autocomplete”,item); li.追加(“+item.label+”); li.附加(“”); li.附录(ul); 对于(var i=0;i