code to set a select box option value as an object

You will not be able to store objects/arrays in the value attribute, however an option would be to use data-* attributes which supports json automatically with jQuery 1.4.3+ <select> <option data-value=”{“name”:”rajiv”,”age”:”40″}”>a</option> <option data-value=”{“name”:”mithun”,”age”:”22″}”>f</option> </select> And using .change() $(“select”).change(function(){ alert($(this).find(“:selected”).data(“value”).age); }); Example on jsfiddle

How to sort the select2 (jQuery plugin) options alphabetically?

Select2 API v3.x (sortResults) You can sort elements using sortResults callback option with String.localeCompare(): $( ‘#mylist’ ).select2({ /* Sort data using localeCompare */ sortResults: data => data.sort((a, b) => a.text.localeCompare(b.text)), }); <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.4/select2.min.css” integrity=”sha256-ijlUKKj3hJCiiT2HWo1kqkI79NTEYpzOsw5Rs3k42dI=” crossorigin=”anonymous” /><script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js” integrity=”sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=” crossorigin=”anonymous”></script><script src=”https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.4/select2.min.js” integrity=”sha256-7A2MDY2eGSSUvgfbuH1IdzYk8qkEd3uzwiXADqPDdtY=” crossorigin=”anonymous”></script> <select name=”list” id=”mylist” style=”width:140px;”> <option>United States</option> <option>Austria</option> <option>Alabama</option> <option>Jamaica</option> <option>Taiwan</option> <option>canada</option> <option>palau</option> … Read more

How to add mixins to ES6 javascript classes?

Javascript’s object/property system is much more dynamic than most languages, so it’s very easy to add functionality to an object. As functions are first-class objects, they can be added to an object in exactly the same way. Object.assign is the way to add the properties of one object to another object. (Its behaviour is in … Read more

Is ‘window’ really global in JavaScript?

The reason why you can access “out of scope” or “free” variables in ECMAScript is the so-called scope chain. The scope chain is a special property from each execution context. As mentioned several times before, a context object looks at least like: [[scope]] Variable / Activation Object “this” context value Each time you access a … Read more

Excel to JSON javascript code?

NOTE: Not 100% Cross Browser Check browser compatibility @ http://caniuse.com/#search=FileReader as you will see people have had issues with the not so common browsers, But this could come down to the version of the browser.. I always recommend using something like caniuse to see what generation of browser is supported… This is only a working … Read more