text Выборизспискаменяеттекст

Posted 2021-04-30

<select id="primer">
    <option disabled>Выберите</option>
    <option value="str1">Контент 1</option>
    <option value="str2">Контент 2</option>
    <option value="str3">Контент 3</option>
</select><br />
<span class="element">Контент 1</span>

<script type="text/javascript">
    $(function() {
        $('#primer').change(function () {
            var vibor = $(this).find(':selected').val();
            if(vibor == 'str1') {
                $('.element').text('Контент 1');
            } else if(vibor == 'str2') {
                $('.element').text('Контент 2');
            } else if(vibor == 'str3') {
                $('.element').text('Контент 3');
            } 
        });
    });
</script>