JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">

    <select id="citys">
        <option>Dortmund</option>
        <option>München</option>
        <option>Berlin</option>
        <option>Hamburg</option>
    </select>
    <button id="add" value="Add"/>
    <input id="result" type="text"/>
    
</div>
<div class="test">

    <input class="text" type="text"/>
    <input class="text" type="text"/>
    
</div>

CSS

.test { margin: 20px; padding: 30px; border: 1px solid black; }

JavaScript

$(function () {
   
    
    $('#citys')
        .change(function () {
            var city = $(this).find('option:selected').text();
            
            $('#result').attr('value', city);
        })
        .trigger('change');
    
    
    $('.test input.text').keypress(function () {
        $('.test input.text').attr('value', $(this).val());
    })
})