使用jquery自动完成自动完成

时间:2014-05-16 12:21:42

标签: jquery arrays autocomplete

HTML CSS JQUERY

我必须手风琴包含其他手风琴,其中包括cintains的答案。 示例

<div id="toggles">
   <div class="acord">
      <h2>EXAMPLE</h2>
         <div class="acord">
            <h3>question 1</h3>            
            <div>    
              answer 1
            </div>
    </div>
 </div>

我有几个问题和答案 现在我有一个文本框,我想要的是seacrh与autcomplete(jquery)的问题 因此,如果我打算将它显示问题1问题2等等。所以如果我稍后添加更多问题它应该自动出现在列表中。

         var availableTags = [];
    $("#toggles h3").each(function() {
        availableTags = $(this).text(); 
     });

     $( ".autocomplete #input_1_1" ).autocomplete({
          source: availableTags
      });
    console.log(availableTags);

这似乎不起作用。

1 个答案:

答案 0 :(得分:0)

您只是想念...将文本推入数组.....

赞:

var availableTags = [];
$("#toggles h3").each(function() {
    availableTags.push($(this).text()); 
});
 
$( ".autocomplete #input_1_1" ).autocomplete({
    source: availableTags
});
console.log(availableTags);