Проблема с использованием функции изменения jquery на элементе select

Question

Я использую простой элемент выбора.При выборе опции в меню выбора я хочу использовать метод post jquery для обновления div.

<select class="article">
    <option value="title1">title1</option>
    <option value="title2">title2</option>
    <option value="title3">title3</option>
</select>

Я хочу связать событие изменения с элементом select.

$(document).ready(function() {
    $(".article").change(function() {
        var src = $(this).val();
        alert(src);
    });
});

Это не работает.Я не вижу окно предупреждения об изменении поля выбора.

Я ценю любую помощь.

Answer 1

$('select.foo option:selected').val();    // get the value from a dropdown select

Подробнее о предмете;

http://api.jquery.com/val/

http://api.jquery.com/selected-selector/

jQuery - установка выбранного значения элемента управления выбора с помощью еготекстовое описание

Answer 2

Это должно работать нормально, если вы включили файлы jQuery.Пожалуйста, убедитесь, что jQuery включен правильно.

$(document).ready(function() {
    alert('hello');
});

Это должно выдать предупреждение, в противном случае jQuery не работает должным образом.

Answer 3

Работает нормально

Работает демо