Ответ 1
<select id="ddlViewBy">
<option value="value">text</option>
</select>
JQuery
var txt = $("#ddlViewBy option:selected").text();
var val = $("#ddlViewBy option:selected").val();
Возможный дубликат:
Получение значения выбранного тега опции в окне выбора
В окне SELECT, как мне получить значение и текст выбранного элемента в jQuery?
Например,
<option value="value">text</option>
<select id="ddlViewBy">
<option value="value">text</option>
</select>
JQuery
var txt = $("#ddlViewBy option:selected").text();
var val = $("#ddlViewBy option:selected").val();
$("#yourdropdownid option:selected").text(); // selected option text
$("#yourdropdownid").val(); // selected option value
$('select').val() // Get the value
$('select option:selected').val() ; // Get the value
$('select').find('option:selected').val() ; // Get the value
$('select option:selected').text() // Gets you the text of the selected option
Вы можете сделать это, чтобы получить текущее выбранное значение:
$('#myDropdownID').val();
& для получения выбранного текста:
$('#myDropdownID:selected').text();
на основе вашего только тега jQuery
:)
HTML
<select id="my-select">
<option value="1">This is text 1</option>
<option value="2">This is text 2</option>
<option value="3">This is text 3</option>
</select>
Для текста -
$(document).ready(function() {
$("#my-select").change(function() {
alert($('#my-select option:selected').html());
});
});
Для значения -
$(document).ready(function() {
$("#my-select").change(function() {
alert($(this).val());
});
});