Adding text to input from select

Question

I have this code.

<select class="select"> <option value="1">Один</option> <option value="2">Два</option> <option value="3">Три</option> <option value="4">Четыре</option> <option value="5">Пять</option> <option value="6">Шесть</option> </select>

And there is an input in which there may be text, but it is better not to touch it, but at the same time add the value from select .

How to implement it with JS? Started with this:

 $('input').val($('input').val() + $('.select option:selected').val());

On this and finished ..

Get out.

I need to get the value from the selected item, and then add it to the existing text of the input.

user207618 · Accepted Answer · 2016-10-13T18:25:43

 $(function(){ let input = $('#test'), inpVal = input.val(); $('.select').on('change', function(){ input.val(inpVal + $(this).val()); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="select"> <option value="1">Один</option> <option value="2">Два</option> <option value="3">Три</option> <option value="4">Четыре</option> <option value="5">Пять</option> <option value="6">Шесть</option> </select><br /> <input type='text' id='test' value='Текст' />

Answer 2 · 2016-10-13T18:24:22

 $(document).ready(function(){ $(".select").change(function(){ $('.input').val($('.input').val() + $('.select').val()); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="select"> <option value="1">Один</option> <option value="2">Два</option> <option value="3">Три</option> <option value="4">Четыре</option> <option value="5">Пять</option> <option value="6">Шесть</option> </select> <br/> <input class="input" value="aaa"/>

What is necessary .. But how to make sure that there is only one number in the input?
@Other, yes, I understand .. I just did not take it into account, sorry.

Adding text to input from select

2 answers 2

More articles: