html - ドロップダウン選択からフォームに動的に入力

Question

私は次のフォームを持っています:

次のことを行うにはどうすればよいですか。

ユーザーの選択ドロップダウンメニューからユーザーを選択したとき、ユーザーを選択した後、以下のデータを動的に入力したいですか? ページを更新したり別のページをロードしたりせずにこれを行うにはどうすればよいですか?

ASP.NET MVC を使用しています

Select User から User ID を取得し、モデルから適切なロールを取得する必要があります。

Answer 1

AJAX を使用できます。DropDownのイベントをサブスクライブし.change、選択した値を取得し、対応するリストを JSON として返す選択した値を送信するコントローラー アクションへの AJAX 呼び出しを実行します。次に、この AJAX 呼び出しの成功のコールバックで、必要な情報をリストに追加します。

次のようなもの：

$(function() {
   $('#id_of_your_users_ddl').change(function() {
       var selectedValue = $(this).val();
       var url = $(this).data('url'); // this assumes that you have appended a data-url attribute to your dropdown 
       $.post(url, { userId: selectedValue }, function(result) {
           // result will be a JSON list returned by your controller action
           // that you could use here to update your roles lists
       });
   });
});