how show list cites bye json in asp.net mvc2?

See more:

MVC

hi
see this code


<pre lang="xml">public JsonResult CityList()
{

string strXmlpath = Server.MapPath(&quot;~\\Models\\Location.xml&quot;);

var unit = from u in XDocument.Load(strXmlpath).Document.Descendants(&quot;Unit&quot;) select u;
List&lt;SelectListItem&gt; lst = new List&lt;SelectListItem&gt;();
foreach (var u in unit)
{
if (u.Attribute(&quot;ID&quot;).Value == &quot;2&quot;)
{
var city = u.Elements(&quot;city&quot;);
foreach (var c in city)
lst.Add(new SelectListItem { Text = c.Attribute(&quot;Name&quot;).Value, Value = c.Attribute(&quot;ID&quot;).Value });
}

}

ViewData[&quot;cites&quot;] = lst;


return Json(lst);


}






&lt;script type=&quot;text/javascript&quot;&gt;

$(document).ready(function () {


$(function () {
$.getJSON(&quot;/Home/CityList&quot;, function (data) {
var items = &quot;&lt;option&gt;---------------------&lt;/option&gt;&quot;;
$.each(data, function (i, country) {
items += &quot;&lt;option value=&#39;&quot; + country.Value + &quot;&#39;&gt;&quot; + country.Text + &quot;&lt;/option&gt;&quot;;
});
$(&quot;#Countries&quot;).html(items);
});




});
&lt;/script&gt;









&lt;% using (Html.BeginForm()){%&gt;
&lt;label for=&quot;Countries&quot;&gt;Countries&lt;/label&gt;
&lt;select id=&quot;Countries&quot; name=&quot;Countries&quot;&gt;&lt;/select&gt;

&lt;label for=&quot;States&quot;&gt;States&lt;/label&gt;
&lt;select id=&quot;States&quot; name=&quot;States&quot;&gt;&lt;/select&gt;


&lt;% } %&gt;</pre>




but not show list cites in <selec></select>