Jquery добавить значения из выпадающего списка для ввода текста

Question

У меня возникают проблемы при попытке сделать это .. Какой бы вариант я ни выбрал из выпадающего списка с именем programs_dropdown Я хочу добавить в текстовое поле с именем programs_input и разделить значения параметров запятой.

например. php, jquery, html

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

$(document).ready(function(){
    $('#add').click(function() {
        var programs = $("#programs_dropdown").val(); //get value of selected option
        $('#programs_input').val(programs.join(',')); //add to text input
    }); 
});

HTML

<select name="programs_dropdown" id="programs_dropdown">
<option value="php">php</option>
<option value="jquery">jquery</option>
<option value="html" selected="selected">HTML</option>
</select>

<div id=add">Add</div>

<input type="text" name="programs_input" id="programs_input" />

Я получаю skill.join is not a function

Answer 1

Я думаю, это то, что вам нужно Демо

Answer 2

Выбор имеет несколько вариантов, если вы хотите выбрать несколько.Измените его на

<select name="programs_dropdown" id="programs_dropdown" multiple>

Тогда он начнет работать.

Демо

РЕДАКТИРОВАТЬ:

$(document).ready(function(){
    $('#add').click(function() {
        var program = $("#programs_dropdown").val(); //get value of selected option
        var programs = $('#programs_input').val().split(",");
        if (programs[0] == "") {
            programs.pop()
        }

        if ($.inArray(program, programs) == -1) {
            programs.push(program);
        }

        $('#programs_input').val(programs.join(',')); //add to text input
    });
});

DEMO