title: Fill DropDownList with jquery and json ASP.Net MVC
body: <p>I have this code in my view :</p>
  
  <pre><code>&lt;script&gt;
      var isChanged = false;
      $(function () {
          $('#stageOne').change(function () {
                  $.ajax({
                      url: "/Shop/ChangeStageTwo/",
                      data: { item: $("#stageOne option:selected").text() },
                      type: 'post',
                      success: function (myJSONdata) {
                          $("#stageTwo").html("");      
                          var items = myJSONdata;
                          for (var i = 0; i &lt; items.length; i++) {
                              var item = items[i];
                              var optionhtml = '&lt;option value="' + item.text + '"&gt;' + items[i] + '&lt;/option&gt;';
                              $("#stageTwo").append(optionhtml);
                          }
                   }
              });
  
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>And this is my ChangeStageTwo function :</p>
  
  <pre><code>    public JsonResult ChangeStageTwo(string item)
      {
          // Do something...          
  
          var query = from f in db.Stages
                      where f.Code.Contains(tempDelivCod) &amp;&amp; f.Code.Length &gt; 4
                      select f.Name;
          var sItems = new SelectList(query);
          return Json(sItems, JsonRequestBehavior.AllowGet); 
      }
  </code></pre>
  
  <p>But at run time I get [object Object] in my DropDownList, not the exact value. what is the problem?</p>