jquery uiオートコンプリートで入力としてのスパン

Question

WebページImビルでは、コンテンツ編集可能フラグを有効にしてスパン>タグとしてタグを使用し始めました。その理由は、彼らが整列するのがより素敵に見え、彼らを入力したときに自分たち自身を改革することができるからです。そして、私はスパンの内容をキーアップの隠れた入力フィールドに保存します。

スパンが必要なときに動的に追加します。

私のスパンフィールドに人が入力したときにオートコンプリートできる必要がありますが、オートコンプリートがスパンフィールド（？）で機能しないようですが、これには簡単な解決策がありますか？

<div> 
    <input type="hidden" name="generated_name[1]" /> 
    <span contenteditable="true" class="editbox"></span> 
    <input type="hidden" name="generated_name[2]" /> 
    <span contenteditable="true" class="editbox"></span> 
</div> 
<script> 
    $(document).ready(function() { 
    $('.editbox').live('keyup', function() { 
     $(this).prev().val($(this).html()); 
    }); 
    }); 
</script> 

は、このコードは、少なくとも私のためによく働く私はより多くの入力フィールド（入力+スパン）を追加することができ、それが動作します。

は今、私の代わりに入力フィールドのスパンで入力中に検索し、このような何かを行うことができるようにしたい：

$(document).ready(function() { 
    var tags = [ 
    "Tag1", "Tag2", "Tag3", "Tag4", "Tag5", "Tag6", "Tag7" 
    ]; 
    $('.editbox').autocomplete({ 
    source: tags 
    }); 
}); 

これは単純な方法で可能であるならば誰でも知っていますか？

Answer 1

オートコンプリートは入力時に使用されるため、これを修正する方法はありません。それでは、2つあるのは</value>ですか？それらは</span>である必要があります。 スパンを入力として悪用することは私には意味がありません。入力は、あなたが使用している目的とまったく同じです。また、入力のスタイルを設定することもできます。これは、それらをスパンで置き換えるための良い言い訳ではありません。