@ Html.DropdownListforから値を選択すると@ Html.Textboxforを埋め込む方法

Question

ASP.NET MVC5アプリケーションで@ Html.DropdownListforの値を選択すると、@ Html.Textboxforにデータを取り込む方法を教えてください。これは、スクリプトを使用してテキストボックスにデータを入力するより良い方法です。可能であれば、私に例を挙げてください。

Answer 1

これは私がやる方法です。 JavaScriptを使用します。すべてのajax呼び出しが単一のエントリポイントから来るスクリプトを作成する必要があります。再利用、保守、デバッグが容易です。このコードはちょうど概要であり、あなたはそれをきれいにする必要があることを覚えておいてください。提案どおりにサーバーにヒットせず、ドロップダウンリストの値が変更されるたびにビューモデルを更新しないでください。それはばかげている。私はあなたにこの状況への私の完全なアプローチを与えます。 XMLHttpRequestのビューモデルをプルダウンして、ドロップダウンリストが変更されるたびに現在のデータを好きな時にフィルタリングしてください。

ステップ1：ビューモデルのためのあなたのコントローラに要求を行い

//quick example 
var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'Controller/Methodname'); 
xhr.send(null); 

STEP2：ViewModelにを取得して、必要なオブジェクトや変数またはW/Eに保管

//handle the call 
    xhr.onreadystatechange = function() { 
     var DONE = 4; // readyState 4 means the request is done. 
     var OK = 200; // status 200 is a successful return. 
     if (xhr.readyState === DONE) { 
     if (xhr.status === OK) 
      ...xhr.responseText // 'This is the returned text. so store it somewhere' 
     } else { 
      console.log('Error: ' + xhr.status); // An error occurred during the request. 
     } 
     } 
    }; 

手順3：ドロップダウンリストのonChangeイベントを追加します。

onDropdownChange() { 
     // based on what is selected, filter you data and populate the textbox 
     document.getElementById("YourTextboxID").value = your value;  
    } 

Answer 2

このようなものを試してください。

function ondropdownchange(){ 
    $.get("yourmethodurl", function(data, status){ 
     $('#yourtextbox').val(data); 
    }); 
}