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

<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); 

} 
});

这是我的code.I已限制选定的选项5.它的工作。但在多选择弹出可以选择多于5.我的要求是，如果有人试图选择超过5个选项，禁用选择多选择popup.I正在使用jquery移动1.2.1如何限制在jQuery mobile的多选择弹出窗口中选择选项？

来源

2014-08-27 Nithinkumar CN

您可以禁用第五个选项http://jsfiddle.net/Palestinian/zh76d8c0/ – Omar 2014-08-27 11:57:31

问题现在已修复..我改变了多选择弹出式通过更改<select>属性'data-native-menu =“false” ”。如下所示：

<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">

来源

2014-08-27 12:46:06

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

回答

相关问题