Question

我想要创建的东西就像Stack overflow tag insert。我希望能够在插入框中键入标签，当我单击“添加”按钮时，它会将其添加到上面的框中。我还希望它将新标签推送到'SelectedTags'数组中。如果用户将其从框中删除，则需要从阵列中删除它。我想我需要先插入数组然后根据数组内容填充框？我已经尝试在JSFiddle中创建它，但无法让它工作。有人可以帮助使用JSFiddle示例吗？ http://jsfiddle.net/uVxXg/117/

我认为这就是它看起来像标签的原因吗？

$("#tags").tagit({
  availableTags: SelectedTags
});

Answer 1

您就是这样做的：

$(document).ready(function() {
  var sampleTags = [];

  $('#tags').tagit({
    availableTags: sampleTags,
    afterTagRemoved: function(evt, ui) {
    console.log(ui.tagLabel)
      for(var i = 0; i < sampleTags.length; i++) {
        if (sampleTags[i] == ui.tagLabel) {
          sampleTags.splice(i, 1); //Here is the update
        }
      }
    }
  });

  $('form').submit(function(e) {
    var inp = $('#tagInput').val();
    $('#tagInput').val('');
    $('#tags').tagit('createTag', inp);
    sampleTags.push(inp);
    e.preventDefault();
    console.log(sampleTags)
  });

  $("#array").click(function(e){
    console.log("MyArray",sampleTags)
  })
});

尝试fiddle，当您向SelectedTags数组添加内容时，您将拥有标记为＆＃34;找到wile类型＆＃34;在标签输入中。

使用jQuery将标签插入框中？

1 个答案: