Question

我正在尝试追加并删除inputfield中的元素。

我可以简单地附加它们并且它工作正常但我不知道当我需要它时它不会被删除/删除！

为了解释这个问题，我创造了这个小提琴：http://jsfiddle.net/hrL3gn1g/2/

如果单击图像，它会将元素附加到div Slevel以及输入字段中。

如果单击Div内的元素，它应该delete/remove来自inputfield内部的元素或字符串，但它不会

有人可以就此问题提出建议吗？

Answer 1

你可以试试这个：

$(document).on('click', '.pricetag',function(){

   var names = $(this).attr('data-name');
   var price = $(this).attr('data-price');

   // Create the value you want to remove
   var html = '<span data-price="'+price+'" data-name="'+names+'" class="pricetag">'+names+'</span>';

   // Replace that value with empty string
   var newValue = $('#Finalized').val().replace(html,'')

   // Insert new value
   $("#Finalized").val(newValue);

});

Answer 2

正如我所见，你尝试使用$(<input>).remove(<span>)删除单词（橙色，苹果等），但你不能这样做。除此之外，我删除了所选的<span>元素

我将点击侦听器功能改为一点：

//when the user click on a word
$(document).on('click', '.pricetag',function(){   
    //this is the <span> element that the user clicked to delete
    $(this).remove();   
});

我改变了jsfiddle：http://jsfiddle.net/tornado1979/hrL3gn1g/3/ 希望有所帮助，祝你好运。

jQuery：将元素追加到inputfield并删除？

2 个答案: