{"id":3485,"date":"2013-03-02T12:18:53","date_gmt":"2013-03-02T12:18:53","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=3485"},"modified":"2018-09-14T12:47:27","modified_gmt":"2018-09-14T12:47:27","slug":"sort-dropdown-list-items-using-jquery","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/","title":{"rendered":"Sort Dropdown list items using jQuery"},"content":{"rendered":"

Recently I came across a requirement from client wherein I have to sort selection fields alphabetically which comprise of approximately 400-450 selection options in it. If it would have been fewer records then probably I would have done it by going into CRM and then change the order of fields at the field level. So I thought instead of doing this legwork, let the code handle this stuff. We can use jQuery or Javascript or even SQL to fulfill our requirement. If we use SQL approach then we need to create SQL query in which we need to provide the reference of the custom family of the field and then sort. JavaScipt provides the solution but at the cost of lengthy codes. So these approaches are quite tedious and time-consuming. But jQuery can rescue us in simple and fewer steps.<\/p>\n

Below is the entire code using jQuery. Please follow the below instruction to achieve the same.<\/p>\n

    \n
  1. Go to\u00a0 Administration | Customization | <Entity Name>.<\/strong><\/li>\n
  2. Open the screen where the required field is located.<\/li>\n
  3. Paste the below JQuery in the Custom Content of your screen.<\/li>\n<\/ol>\n

    ——————————————-Code Starts —————————————————-
    \n<script type=”text\/javascript” src=”..\/jQuery\/jquery-1.7.1.min.js”><\/script><\/em>
    \n<script type=”text\/javascript”>\u00a0 <\/em>
    \n$(document).ready(function(){<\/em>
    \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 sortDropDownListByText();<\/em>
    \n});\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <\/em>
    \n<\/script><\/em>
    \n\u00a0<\/em>
    \n<script><\/em>
    \nfunction sortDropDownListByText() {<\/em>
    \n\/\/ Loop for each select element on the page.<\/em>
    \n$(“#<id of your field>”).each(function() {<\/em>
    \n\/\/ Keep track of the selected option.<\/em>
    \nvar selectedValue = $(this).val();<\/em>
    \n\/\/ Sort all the options by text. I could easily sort these by val.<\/em>
    \n$(this).html($(“option”, $(this)).sort(function(a, b) {<\/em>
    \nreturn a.text.toUpperCase() == b.text.toUpperCase() ? 0 : a.text.toUpperCase() < b.text.toUpperCase() ? -1 : 1<\/em>
    \n}));<\/em>
    \n\/\/ Select one option.<\/em>
    \n$(this).val(selectedValue);<\/em>
    \n});<\/em>
    \n}<\/em>
    \n<\/script><\/em>
    \n——————————————-Code Ends—————————————————-
    \nFor your reference below is the screen shot of the selection field list values arranged randomly before using the code.
    \n\"\"<\/a>After using the code the fields got arranged alphabetically as seen from below screen shot.
    \n    \"\"<\/a>Make a note that you should have CRM version 7.1 or above since only higher versions of CRM supports jQuery references. If not you need add the references manually.
    \nIn this way we achieved our goal in very simplified and time saving approach.<\/p>\n

    About Us<\/strong><\/span>
    \n    Greytrix<\/a> a globally recognized Premier Sage Gold Development Partner is a one stop solution provider for Sage ERP and Sage CRM needs. Being recognized and rewarded for multi-man years of experience, we bring complete end-to-end assistance for your technical consultations, product customizations, data migration, system integrations, third party add-on development and implementation expertise.<\/p>\n

    Greytrix<\/a>\u00a0has some unique integration solutions for Sage CRM with Sage ERPs (Sage Enterprise Management (Sage X3<\/a>),\u00a0Sage Intacct<\/a>, Sage 100<\/a>,\u00a0Sage 500<\/a>\u00a0and\u00a0Sage 300<\/a>).We also offer best-in-class\u00a0Sage ERP<\/a> and Sage CRM<\/a> customization and development services\u00a0to\u00a0Business\u00a0Partners,\u00a0End\u00a0Users and Sage PSG worldwide. Greytrix\u00a0helps in\u00a0migrating of Sage CRM from Salesforce | ACT! | SalesLogix | Goldmine | Sugar CRM | Maximizer<\/a>. Our Sage CRM Product Suite includes Greytrix Business Manager<\/a>, Sage CRM Project Manager<\/a>, Sage CRM Resource Planner<\/a>, Sage CRM Contract Manager<\/a>, Sage CRM Event Manager<\/a>, Sage CRM Budget Planner<\/a>, Gmail Integration<\/a>, Sage CRM Mobile Service Signature<\/a> and Sage CRM CTI Framework<\/a>.<\/p>\n

    Greytrix is a recognized Sage Rockstar ISV Partner<\/a> for GUMU™ Sage Enterprise Management \u2013 Sage CRM integration also listed on Sage Marketplace<\/a>.<\/p>\n

    For more information on our integration solutions, please contact us at\u00a0sage@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Recently I came across a requirement from client wherein I have to sort selection fields alphabetically which comprise of approximately 400-450 selection options in it. If it would have been fewer records then probably I would have done it by going into CRM and then change the order of fields at the field level. So\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[127,332,373],"tags":[1475,2010,2063,2077,2090,2314],"class_list":["post-3485","post","type-post","status-publish","format-standard","hentry","category-dropdown","category-sage-crm","category-sort","tag-jquery","tag-sage-crm","tag-sage-crm-development","tag-sage-crm-integration","tag-sage-crm-migration","tag-sort-dropdown-list"],"yoast_head":"\nSort Dropdown list items using jQuery - Sage CRM \u2013 Tips, Tricks and Components<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sort Dropdown list items using jQuery - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Recently I came across a requirement from client wherein I have to sort selection fields alphabetically which comprise of approximately 400-450 selection options in it. If it would have been fewer records then probably I would have done it by going into CRM and then change the order of fields at the field level. So\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-02T12:18:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-14T12:47:27+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2013\/03\/Img1.jpg\" \/>\n<meta name=\"author\" content=\"greysagecrm\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"greysagecrm\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/\",\"name\":\"Sort Dropdown list items using jQuery - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2013\/03\/Img1.jpg\",\"datePublished\":\"2013-03-02T12:18:53+00:00\",\"dateModified\":\"2018-09-14T12:47:27+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2013\/03\/Img1.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2013\/03\/Img1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sort Dropdown list items using jQuery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\",\"name\":\"Sage CRM \u2013 Tips, Tricks and Components\",\"description\":\"Explore the possibilities with Sage CRM insights through our comprehensive blogs. As a leading Sage partner, Greytrix helps businesses maximize their Sage CRM potential with its rich expertise and immense knowledge. Here, you will find blogs that feature expert advice, tips & tricks, best practices, and comprehensive guides on customizing and configuring Sage CRM for your business. Stay informed with our regular updates and expert insights!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\",\"name\":\"greysagecrm\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g\",\"caption\":\"greysagecrm\"},\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/author\/greysagecrm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sort Dropdown list items using jQuery - Sage CRM \u2013 Tips, Tricks and Components","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/","og_locale":"en_US","og_type":"article","og_title":"Sort Dropdown list items using jQuery - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Recently I came across a requirement from client wherein I have to sort selection fields alphabetically which comprise of approximately 400-450 selection options in it. If it would have been fewer records then probably I would have done it by going into CRM and then change the order of fields at the field level. So\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2013-03-02T12:18:53+00:00","article_modified_time":"2018-09-14T12:47:27+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2013\/03\/Img1.jpg","type":"","width":"","height":""}],"author":"greysagecrm","twitter_card":"summary_large_image","twitter_misc":{"Written by":"greysagecrm","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/","name":"Sort Dropdown list items using jQuery - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2013\/03\/Img1.jpg","datePublished":"2013-03-02T12:18:53+00:00","dateModified":"2018-09-14T12:47:27+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2013\/03\/Img1.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2013\/03\/Img1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2013\/03\/02\/sort-dropdown-list-items-using-jquery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Sort Dropdown list items using jQuery"}]},{"@type":"WebSite","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/","name":"Sage CRM \u2013 Tips, Tricks and Components","description":"Explore the possibilities with Sage CRM insights through our comprehensive blogs. As a leading Sage partner, Greytrix helps businesses maximize their Sage CRM potential with its rich expertise and immense knowledge. Here, you will find blogs that feature expert advice, tips & tricks, best practices, and comprehensive guides on customizing and configuring Sage CRM for your business. Stay informed with our regular updates and expert insights!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f","name":"greysagecrm","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g","caption":"greysagecrm"},"url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/author\/greysagecrm\/"}]}},"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/3485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/comments?post=3485"}],"version-history":[{"count":2,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/3485\/revisions"}],"predecessor-version":[{"id":20420,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/3485\/revisions\/20420"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=3485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=3485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=3485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}