0

私はインターネットで検索しましたが、正確に何を探すべきかわからないか、このタイプのサポートがありません.

js と jquery を使用して html でフィルタリングするために、次の入力を実装する必要があります。これは、stackoverflows タグの入力とまったく同じように機能します。スペースの後に x を最後に追加します。

誰でも方法を知っていますか？サンプルを提供してもらえますか?

申し訳ありませんが、私は自分自身を十分に表現していないことに気付きました。スペースのみで区切られた x として削除オプションを使用して複数のタグを追加するためだけに、オートコンプリートは必要ありません

4

1 に答える 1

0

HTML:

<div class='container'>
<div class='selectedElements'></div>
<input type='text' id='useToSelect' value='' onkeyup="testForSpace();">
</div>

Jクエリ:

function testForSpace()
{
    text=$('#useToSelect').val();
    if (text[text.length-1] == ' ') {
        if (text == '') {
            $("#useToSelect").val("");   
        }
    currentSelected=$(".selectedElements").html();
    newSelected="<div class='singleSelectedContainer' onclick='destroyElement(this)' style='float:left;'><div class='singleSelected'><div class='Content'>" + text + "</div><div class='Close'> &nbsp;  x </div><div clear:left;></div></div><div style='float:left; width:7px;'>&nbsp;</div></div>";
    $(".selectedElements").html(currentSelected + newSelected);
    $("#useToSelect").val("");
    }
 }


function destroyElement(elem) {
    $(elem).html('');   
}

入力フィールドに何かを入力してスペースを押すと、テキストを含む div が生成され、入力の左側に配置されます。これがあなたが探しているものであり、さらに説明が必要な場合は、これがどのように機能するかを喜んで説明します.

function retrieveData() 
{ 
  dataArray=new Array(); 
  $(".singleSelected").each(function() {
    dataArray.push($(this .Content).html());
  });
  return dataArray; //this contains the selected elements 
}
于 2013-10-02T08:48:44.793 に答える