Question

    <select data-native-menu="true" id="food_type"  multiple="multiple" data-placeholder="Favourite food types" class="chzn-select-tag photo-status-update-tags"  multiple="" tabindex="-1">
                            <option data-placeholder='true' value="" disabled="disabled">Favourite food types</option>
                           <?php foreach($this->aFoods as $aFood):  ?>
                            <option value="<?php echo $aFood['food_name']; ?>" ><?php echo $aFood['food_name']; ?></option>
                           <?php endforeach; ?>
    </select>



jQuery('#food_type').on('change', function() {
if (this.selectedOptions.length <= 5) {
    jQuery(this).find(':selected').addClass('selected');
    jQuery(this).find(':not(:selected)').removeClass('selected');
} else {

    jQuery(this)
    .find(':selected:not(.selected)')
    .prop('selected', false);

}
});

这是我的代码。我将所选选项限制为5.Its working.But在多选弹出窗口中可以选择超过5.我的要求是，如果有人试图选择超过5个选项，禁用选择在多选弹出窗口中。我正在使用jquery mobile 1.2.1

Answer 1

现在修复了这个问题。我通过更改<select>属性＆＃39; data-native-menu =＆＃34; false＆＃34;＆＃39;更改了多选弹出窗口的样式。。如下所示：

<select data-native-menu="false" id="food_type"  multiple="multiple" data-placeholder="Favourite food types" class="chzn-select-tag photo-status-update-tags"  multiple="" tabindex="-1">

如何在jQuery mobile的多选弹出窗口中限制选择选项？

1 个答案: