Запись текста в текстовое поле после выпадающего меню была изменена

Question

Я ищу для добавления текста в текстовое поле с выделенным текстом из выпадающего меню и поместите ',' после.().

<select> 
<option value="1">This</option> 
<option value="2">is</option> 
<option value="3">test</option> 
</select> 

Теперь, когда вы выберете вариант «is», текстовое поле обновляется с помощью «is». Теперь все еще на той же странице вы выбираете «Это», текстовое поле обновляется с помощью «is, This». Перезагрузите страницу и сделайте это наоборот, и вы получите «Это, есть».

Надеюсь, вы поймете, что я пытаюсь здесь сделать, воля содержит значения из базы данных, поэтому я не могу точно знать, что значения.

Заранее спасибо.

Answer 1

Я думаю, что что-то, как это должно работать:

<select id="dropdownId"> 
    <option value="1">This</option> 
    <option value="2">is</option> 
    <option value="3">test</option> 
</select> 
<input id="textboxId" type="text" /> 

<script type="text/javascript"> 
    $('#dropdownId').on('change', function() { 
     $('#textboxId').val($('#textboxId').val() + $('#dropdownId option:selected').text() + ', '); 
    }); 
</script> 

Fiddle