вычесть текст div из ввода

Question

У меня есть блок div с текстом внутри:

<div>hello</div>

У меня есть поле ввода текста, последней записью которого всегда является текст внутри div. Например,

<input type="text"></input> with the user inputed text as "bob, james, hello"

При щелчке с помощью jquery, как я могу сделать так, чтобы текст внутри div вычитался из строки внутри ввода, оставляя ввод как:

<input type="text"></input> text as "bob, james," 

Answer 1

Ваш синтаксис выключен:

<div>hello</div>
<input type="text" value="bob, james, hello" />

JQuery:

$('div').click(function(){
    var _text = $('input[type=text]');
    _text.val(_text.val().replace($(this).html(),''));
});

Рабочая демоверсия: http://jsfiddle.net/AlienWebguy/kCWtr/1/

Answer 2

Использование:

$('div').click(function(){
    var inputElem=$('input[type=text]'), arrText=inputElem.val().split(/,\s*/g), indexElemToRemove=arrText.indexOf($(this).val());
    if(indexElemToRemove>-1) arrText.splice(indexElemToRemove,1);
    inputElem.val(arrText.join(', '));
});