Create HTML select option from JSON hash - Javascript jQuery

Javascript examples for jQuery:Json

  1. HOME
  2. Javascript
  3. jQuery
  4. Json

Description

Create HTML select option from JSON hash

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.js"></script> 
  <script type="text/javascript">
    $(window).load(function(){/*from   ww w  .jav  a2s . c o  m*/
var data = [{'1':'Name'}, {'2': 'Age'}, {'3': 'Gender'}];
var $select = $('#datas');
$.each(data, function(i, val){
    $select.append($('<option />', { value: (i+1), text: val[i+1] }));
});
    });

      </script> 
 </head> 
 <body> 
  <select name="datas" id="datas"></select>  
 </body>
</html>

Related Tutorials