javascript - jQuery:将元素附加到输入字段并删除？

Question

我正在尝试在输入字段中添加和删除元素。

我可以简单地附加它们，它工作得很好，但我不知道为什么当我需要它时它不会被删除/删除!

为了解释这个问题，我创建了这个 fiddle : http://jsfiddle.net/hrL3gn1g/2/

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

如果您单击 Div 内的元素，它应该从输入字段内删除/删除该元素或字符串，但事实并非如此

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

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);

});