根據控制器的下拉選擇填充多個文本框asp.net mvc3

Question

嗨我想用asp.net mvc3開發一個web應用程序我有一個視圖，當用戶選擇下拉列表文本框時必須包含一個下拉列表自動填寫如何在控制器中執行此操作我想將代碼放入我的視圖中？

Answer 1

以下JQuery插件可能對您有用。

http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html

Answer 2

假設你有HTML標記這樣

<select id="states"> 
    <option value="1">MI</option> 
    <option value="1">MI</option> 
</select> 
<input type="text" id="txtCity1" value="" /> 
<input type="text" id="txtCity2" value="" /> 

該腳本應填寫數據，假設你有jQuery的加載到你的頁面。

$(function(){ 
$("#states").change(function(){ 
    var itemVal=$(this).val(); 
    $("#txtCity1").val("Selected item is "+itemVal); 
    $("#txtCity2").val("Ann Arbor"); 
}); 
}); 

工作樣本：http://jsfiddle.net/JuAhm/4/

如果你正在尋找一種方式，把服務器上的數據，並在文本框中填寫，你應該做一個jQuery的Ajax調用並獲得JSON格式的數據和讀取JSON並將值設置爲不同的文本框。這樣

$(function(){ 
$("#states").change(function(){ 
    var itemVal=$(this).val(); 

    $.getJSON("Url.Action("GetCities","State")"+"?id=itemVal,function(data){ 
     if(data.Status=="True") 
     { 
      //you may set the textbox values here by reading json result here 
      //ex : $("#txtCity2").val(data.Status); 
      //If you want to loop thru each items under Cities 
      $.each(data.Cities,function(index,item){ 
      // alert(item.Name) 
      }); 
     } 
     else 
     { 
      alert("No data found!"); 
     } 

    });   

}); 
}); 

假設你的控制器名稱事情是State和你有一個HTTPGET操作方法稱爲GetCities其中有一個叫id參數，按以下格式返回JSON數據。

{ 
    "Status": "True", 
    "Cities": [ 
       { "ID": "1", "Name": "Ann Arbor" }, 
       { "ID": "2", "Name": "Detroit"} 
       ] 
}