1

こんにちは、asp.net mvc3 を使用して Web アプリケーションを開発しようとしています。ユーザーがドロップダウン リストを選択すると、ドロップダウン リストを含むビューがあります。私の見解ではコード？

4

2 に答える 2

0

このような 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コントローラー名がand であると仮定すると、呼び出されたパラメーターを持ち、次の形式でデータを返すHTTPGETアクションメソッドが呼び出されます。GetCitiesidJSON

{
    "Status": "True",
    "Cities": [
               {  "ID": "1", "Name": "Ann Arbor" },
               {  "ID": "2", "Name": "Detroit"}
              ]
}
于 2012-07-06T12:43:18.000 に答える
0

次の JQuery プラグインが役立つ場合があります。

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

于 2012-07-06T12:37:15.710 に答える