jQuery выбранные параметры в условных выражениях

Question

Я пытаюсь отобразить некоторый текст в div с именем «msg_box» для каждой выбранной опции. Это работает, но не жить. Я должен обновить, чтобы увидеть результат.

JS является ..

$(function () {
    switch ($('#my_options :selected').val()) {
    case '1':
        $('.msg_box').html('You selected option one');
        break;
    case '2':
        $('.msg_box').html('You selected option two');
        break;
    }

});

div, где текст должен отображаться в соответствии с выбранным параметром.

<div class="msg_box"></div>

и форма ..

<select id="my_options">
    <option value="0">Select...</option>
    <option value="1">Something</option>
    <option value="2"> Something else </option>
</select>

Может кто-нибудь поделиться, как динамически изменять html ()?

Answer 1

Вы захотите использовать .change() обработчик событий для <select>:

Попробуйте: http://jsfiddle.net/mjNC3/2/

$(function() {
    $('#my_options').change(function() {
        var str = 'You selected option ';
        switch (this.value) {
        case '1':
            str += 'one';
            break;
        case '2':
            str += 'two';
            break;
        }
        $('.msg_box').html(str);
    });
});