укоротить длинные опции в списке выбора опций

Question

Я хотел бы быть в состоянии сделать какие-либо элементы в меню опций короче, в зависимости от его размера символов моя попытка выглядит следующим образом:

<script> 
    jQuery(document).ready(function() { 

     jQuery("#groupId").each(function(){  
     var myoptions = jQuery('option').length; 
     var shorter = myoptions.substring(0,10)+"...";  

     if (('myoptions')>10){ 
      jQuery(this).find('option').text(shorter) 

     } 


       }); 

     }); 
    </script> 

HTML

<select id="groupId" name="groupId"> 
<option value="0">Select...</option> 
<option selected="selected" value="1074">Nomee Project Owners Group</option> 
<option value="1064">Non-Admin Group this is too long this is too long and I want it to be shortened to 10 chars with ...</option> 
<option value="1043">norights</option> 
<option value="1018">Promotions Group</option> 
<option value="1082">PS Repeater Group</option> 
<option value="1013">QC Group</option> 
<option value="1056">Ryan-Group A</option> 
<option value="1000">USA - SDS Admin</option> 
</select> 

Answer 1

вы можете попробовать http://jsfiddle.net/BJ8WK/

$("#groupId option").each(function() 
{ 
    if($(this).text().length>10) 
    { 
     $(this).text($(this).text().substring(0, 10)); 
    } 
});