Работа с select (и option) с помощью JQuery

04-05-2019

Получить значение выбранного элемента


$('#select').val();
// или
$('select[name=fruct]').val();

Полный пример:

<div class="row">

<div class="col-xs-4">

<select id="select" class="form-control" name="fruct">

<option value="1">яблоко</option>

<option value="2" selected>апельсин</option>

<option value="3">виноград</option>

</select>

</div>

<div class="col-xs-2">

<button id="js-button" class="btn btn-default">Получить value</button>

</div>

<div id="js-result" class="col-xs-6 text-success well-sm"></div>

</div>

<script>

$('#js-button').click(function(){

var value = $('#select').val();

$('#js-result').html('Результат: ' + value);

});

</script>