jQuery在条件语句中选择了选项

Question

我正在尝试为每个选定的选项在名为“msg_box”的div中显示一些文本。它有效，但不是现场。我必须刷新才能看到结果。

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

您需要<select>使用a .change() event handler：

试一试： 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);
    });
});