jQuery自動完成 - 包含說明

如何添加顯示帶有說明的較小文本的結果？我有自動完成正在使用的數據數組中的描述。我可以用。結果函數和調用item.descriptionjQuery自動完成 - 包含說明

稱之爲所以現在我看到一個列表：

Item1<br /> 
Item2<br /> 
Item3<br />

我想擁有它

Item1<br /> 
&nbsp;description<br /> 
Item2<br /> 
&nbsp;description<br /> 
Item3<br /> 
&nbsp;description<br /> 

var results = new Array(); 

function prep(){ 
$("#searchbox").autocomplete(results,{ 

    formatItem: function(item) { 
    return item.title; 


    } 
}).result(function(event, item) { 
    location.href = item.url; 
}); 
} 

$(document).ready(function(){ 


       $.ajax({ 
        type: "GET", 
        url: "links2.xml", 
        dataType: "xml", 
        success: function(xml) { 

         // Count elements 
         var count = $(xml).find('ROW').length; 
         // Create Array of correct length 
         //window.results = new Array(count); 
         // Set array variable 
         var num_row = 0; 
         //data string 
         var datastring = ""; 

         //start of find block 
         $(xml).find('ROW').each(function() { 

          var title = $(this).find('SC_DF_FIELD_1').text(); 
          var url = $(this).find('SC_DF_FIELD_2').text(); 
          var support_url = $(this).find('SC_DF_FIELD_3').text(); 
          var description = $(this).find('SC_DF_FIELD_4').text(); 
          var contacts = $(this).find('SC_DF_FIELD_5').text(); 
          //clean up xml variables 
          url = url.substring(url.indexOf('>') + 1, url.indexOf('/a') - 1); 
          support_url = support_url.substring(support_url.indexOf('>') + 1, support_url.indexOf('/a') - 1); /*need to clean up contacts search later */ 

          results[num_row] = {'title': title, 'url': url, 'support_url': support_url, 'description': description, 'contacts': contacts}; 
          num_row++ 

          // $('<div class="items"></div>').html('<a href="' + url + '">' + title + '</a>').appendTo('#page-wrap'); 
         }); 
         //end of find block 
         prep(); 
        } 
       }); 

}); 

</script> 
</head> 
<body> 
<div id="page-wrap"> 
<FORM autocomplete="off"><INPUT id="searchbox" type="text"/> 
</FORM></DIV> 
</body> 
</html>

來源

2010-09-16 specked

如果您不知道這一點，創建列表的正確方法是使用帶'ul'無序或'ol'有序列表的'li'列表項元素，而不是通過換行符分隔的段落 – 2010-09-16 15:01:51

這只是實驗性代碼，看看會發生什麼。我打算在發佈之前將其刪除。它與這個問題沒有任何關係。不過謝謝。 – specked 2010-09-16 15:06:29

我想通它出

添加說明到return語句。 DOH！

來源

2010-09-16 15:03:53 specked

jQuery自動完成 - 包含說明

回答

相關問題