mvc JQuery JSON.parse() pour remplir la liste déroulante

Question

Je souhaite remplir une liste déroulante depuis l'objet Javascript retourné depuis JSON.parse(). J'ai essayé mais pas réussi. S'il vous plaît aider

<script type="text/javascript" charset="utf-8"> 
<br /> 
    //This is returned from Model. All I want to put that in dropdown.<br /> 
    //var cat = JSON.parse('[{"Selected":false,"Text":"Blue","Value":"1"},{"Selected":false,"Text":"Red","Value":"2"},{"Selected":false,"Text":"Grey","Value":"3"},{"Selected":false,"Text":"Black","Value":"4"},{"Selected":false,"Text":"Green","Value":"5"},{"Selected":false,"Text":"Olive","Value":"6"},{"Selected":false,"Text":"Orange","Value":"7"},{"Selected":false,"Text":"Pink","Value":"8"},{"Selected":false,"Text":"Violet","Value":"9"},{"Selected":false,"Text":"Yellow","Value":"10"}]'); 

<br /><br /> 
    var cat = JSON.parse('<%= Html.ToJson(Model.Colors) %>'); 
<br /> 
</script> 

Answer 1

Vous pouvez le faire en utilisant le code suivant,

HTML est

<input type="button" id="btnclick" value="add" /> 

<select id="drpTemp"> 
</select> 

code JQuery est,

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     $("#btnclick").click(function() {    
      //This is returned from Model. All I want to put that in dropdown.<br /> 
      var cat = JSON.parse('[{"Selected":false,"Text":"Blue","Value":"1"},{"Selected":false,"Text":"Red","Value":"2"},{"Selected":false,"Text":"Grey","Value":"3"},{"Selected":false,"Text":"Black","Value":"4"},{"Selected":false,"Text":"Green","Value":"5"},{"Selected":false,"Text":"Olive","Value":"6"},{"Selected":false,"Text":"Orange","Value":"7"},{"Selected":false,"Text":"Pink","Value":"8"},{"Selected":true,"Text":"Violet","Value":"9"},{"Selected":false,"Text":"Yellow","Value":"10"}]');    
      var items = cat; 
      for (var i = 0; i < items.length; i++) { 
       var item = items[i]; 
       var optionhtml = '<option value="' + item.Value + '>' + item.Text + '</option>'; 
       $("#drpTemp").append(optionhtml); 
      } 
     }); 
    }); 
</script> 

Il remplirez DROPDOWNLIST sur Bouton Cliquez.