Как вынести содержимое select в поле input?

166

26 июля 2018, 11:10

<form method="post" action='save_word.php'>
<select id="kek" name="bla" onchange="document.getElementById('suda').text+=text+','" style="width:100%;">
<option> вот этот текст засунуть в инпут suda </option>
</select>             
<span style="display:none" class="total">0</span>
<input style="display:none" type="hidden" name="total" class="total_input" value="" />
<input type='text' class="suda" name="suda" id='suda' />
</form >

Answer 1

<script>
    $( document ).ready(function() {
        $('.sample').on('change', function() {
            var value = $('#suda').val();
            value = (value === '') ? value = this.value : value + ', '+this.value;
            $('#suda').val(value);
        });
    });
</script>
<form method="post" action='save_word.php'>
    <select class="sample" name="op1" style="width:100%;">
        <option> Выберете значение </option>
        <option> текст 1</option>
        <option> текст 2</option>
        <option> текст 3</option>
    </select>
    <select class="sample" name="op2" style="width:100%;">
        <option> Выберете значение </option>
        <option> текст 1</option>
        <option> текст 2</option>
        <option> текст 3</option>
    </select>
    <select class="sample" name="op3" style="width:100%;">
        <option> Выберете значение </option>
        <option> текст 1</option>
        <option> текст 2</option>
        <option> текст 3</option>
    </select>
    <span style="display:none" class="total">0</span>
    <input style="display:none" type="hidden" name="total" class="total_input" value="" />
    <input type='text' class="suda" name="suda" id='suda' />
</form >