选择更改不使用optgroups触发

Question

我有一个包含optgroups的标签:

            <div id="quick-zoom">
                Quick Zoom: 
                <select id="quick_zoom_select" name="quick_zoom_select">
                    <option value="0">Default</option>
                    <optgroup label="Computers" id="computers">
                    <option value=.95>iMac G3</option>
                    </optgroup>
                    <optgroup label="Mobiles" id="mobiles">
                    <option value=1.5>Nexus 7(portrait)</option>
                    <option value=1.5>Nexus 7(landscape)</option>
                    </optgroup>
                </select>
            </div>
            <div class="Clear"></div>

并且jQuery语句检测select中的变化:

$('#quick_zoom').change(function(){
        Zoom($(this).val());
});

.change没有解雇.当我删除optgroup标签时,它会触发.有人能告诉我发生了什么事吗？

谢谢,托德

Answer 1

尝试:

$('#quick_zoom_select').change(function(){
        Zoom($(this).val());
});

您已尝试将更改应用于div时应该在选择上.

这是一个演示:http: //jsfiddle.net/lucuma/ZSquF/