Skip to main content

asp.net+Jquery : sort dropdownlist, sort all dropdown in the page 

>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>
  
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  
  
  

  <style type='text/css'>
    
  </style>
  


<script type='text/javascript'>
$(function(){
function sortDropDownListByText() {
    // Loop for each select element on the page.
    $("select").each(function() {
         
        // Keep track of the selected option.
        var selectedValue = $(this).val();
 
        // Sort all the options by text. I could easily sort these by val.
        $(this).html($("option", $(this)).sort(function(a, b) {
            return a.text == b.text ? 0 : a.text < b.text ? -1 : 1
        }));
 
        // Select one option.
        $(this).val(selectedValue);
    });
}

sortDropDownListByText();
});> 

</script>


</head>
<body>
  <select id="select_zone">
            <option value ="north">a</option>
            <option value ="east" >c</option>
            <option value ="south">d</option>
            <option value ="west">b</option>
</select>
  
</body>


</html>
Labels:

Comments

Post a Comment