04/2020: исправлен старый ответ
Использование : выбранный псевдо-селектор в выбранных параметрах, а затем используйте функцию .val для получения значения параметра.
$('select[name=selector] option').filter(':selected').val()
Примечание : лучше использовать фильтр, чем использовать :selected
селектор непосредственно в первом запросе.
Если внутри обработчика изменений, вы можете просто использовать this.value
для получения значения выбранного параметра. Смотрите демо для получения дополнительной информации.
//ways to retrieve selected option and text outside handler
console.log('Selected option value ' + $('select option').filter(':selected').val());
console.log('Selected option value ' + $('select option').filter(':selected').text());
$('select').on('change', function () {
//ways to retrieve selected option and text outside handler
console.log('Changed option value ' + this.value);
console.log('Changed option text ' + $(this).find('option').filter(':selected').text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<select>
<option value="1" selected>1 - Text</option>
<option value="2">2 - Text</option>
<option value="3">3 - Text</option>
<option value="4">4 - Text</option>
</select>
Старый ответ:
Редактировать: как уже отмечалось, это не возвращает значение выбранного параметра.
~~ Используйте .val, чтобы получить значение выбранного параметра. Увидеть ниже,
$('select[name=selector]').val()~~