如何限制在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的多選擇彈出窗口中選擇選項？

回答

相關問題