javascript - div 使用 jquery 显示选择菜单值

Question

我有一个关于 Jquery 的问题

    <select id="thechoices">
<option value="0">Select Box</option>
<option value="box1">Box 1</option>
<option value="box2">Box 2</option>
<option value="box3">Box 3</option>
</select>

<!-- the DIV -->
<div id="value"> disabled till you make a choice</div>

虽然选择菜单有选择框，但我需要将 div 显示为带有禁用消息的小黑屏 一旦用户更改选择菜单并选择另一个选项，值 div 将显示所选选项，例如 Box 1 或 Box 2

Answer 1

$(document).ready(function() {
    // event triggered when options changed
    $('#thechoices').change(function() {
        // check if first option or other is selected
        if ($(this).val() == 0) {
            $('#value').addClass('disabled');
            $('#value').html($('#value').data('default'));
        } else {
            $('#value').removeClass('disabled');
            $('#value').html($(this).val());
        }
    });
});

查看 fiddle :http://jsfiddle.net/gwKfP/1/