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/

选择更改不使用optgroups触发

1 个答案: