mvc의 webservice를 사용하여 드롭 다운 목록 채우기

Question

webservice를 사용하여 드롭 다운을 채우고 아약스를 사용하여 컨트롤러에 선택된 값을 전달하고 싶습니다. 어떻게 도와 드릴 수 있습니까? 여기 내 웹 서비스에있는 내용은 json 형식입니다. 가정 이 내가

$.getJSON('https://www.abc.com/webservices/radius.php?json',function(results){ 
for (var i = 0; i <= s.results.length - 1; i++) { 
     var x = new Option(); 
     x.text = s.results[i].city; 
     x.value = s.results[i].zip; 
     console.log(x); 
     document.getElementById('dd').appendChild(x); 
    } 
}) 

<select id='dd'> 
</select> 

이 컨트롤러

[HttpPost] 
public ActionResult Search(string distance) 
{ 
    //stuffs 
} 

이 웹 서비스를 호출하고 드롭 다운을 작성하고 그것을 전달하는 방법을하는 방법을 도와주세요 노력했다 내 웹 서비스 https://www.abc.com/webservices/radius.php?json

{ 
    "results" : [{ 
      "zip" : "12345", 
      "city" : "delhi", 
      "distance" : "0.0" 
     }, { 
      "zip" : "123456", 
      "city" : "noida", 
      "distance" : "3.1" 
     }, { 
      "zip" : "123457", 
      "city" : "faridabad", 
      "distance" : "9.1" 
     }, ] 
} 

입니다 컨트롤러

Answer 1

dro 만들기 pdown :

뿐만 아니라 jQuery를 사용하여 자바 스크립트에서 지금

<select name="MySelect" id="MySelect"> 

</select> 

:

var Options = ""; 
$.getJSON('https://www.abc.com/webservices/radius.php?json', function (response) { 
    for (var i = 0; i < response.results.length; i++) { 
     Options += "<option value '" + response.results[i].zip + "'>" + response.results[i].city + "</option>"; 

    } 
}); 

$("#MySelect").append(Options); // appending all options here 

이 $.ajax를 사용하여 :

var Options = ""; 
$.ajax({ 
     url: "https://www.abc.com/webservices/radius.php?json", 
     type: "get", 
     success: function (response) { 
       for (var i = 0; i < response.results.length; i++) { 
        Options += "<option value '" + response.results[i].zip + "'>" + response.results[i].city + "</option>"; 
          } 

      }, 
     error: function() { 
       alert("failure"); 

      } 
     }); 

Here 자바 스크립트와 옵션을 채우기위한 DEMO FIDDLE입니다.

이제 당신은 그 값이 방법으로 얻을 수있는 액션에서 :

[HttpPost] 
public ActionResult Search(FormCollection form) 
{ 
    string ddlValue = form["MySelect"].ToString(); 
}