Отображать контент на основе выпадающего списка

Question

Привет, я делаю веб-приложение, используя mvc .net (c #) со страницей регистрации. Есть два типа пользователей, давайте назовем их тип 1 и тип 2. Я - моя форма. У меня есть выпадающий список, где они могут выбрать свой тип. Если выбрана опция для типа 2, я хотел бы отобразить ввод для файла PDF. У меня нет большого опыта работы с javascript или ajax, поэтому мне было интересно, смогу ли я использовать один из них для этой цели. Заранее спасибо.

Answer 1

Ваш HTML выглядит так:

<select name="user_type" id="user_type">
<option value="">Select User Type</option>
<option value="type_1">Type 1</option>
<option value="type_2">Type 2</option>
</select>


<!-- Where to show your result? -->
<div id="result"></div>

<!-- Load your jQuery script -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Ваш JavaScript

// Provided that you have load your jQuery
$("#user_type").change(function()
{
   $.ajax({
   url:"page.asp", // The ASP page to fetch your user result
   type:"POST",
   data: {"user_type":$(this).val()},
   success: function(response)
   {
      //Success, display the result
      $("#result").html(response);
   },
   error: function(response)
   {
      //In case error occurs, handle your errors
      alert("Error occurs!"+response);
   }
   });
});

Тогда в вашем ASP-файле:

Просто извлеките сообщение DATA с именем user_type, затем после ваших запросов напечатайте результат, он будет записан в параметр response в методе success() ajax, если запрос выполнен успешно или в метод error(), если запрос не выполнен.

Надеюсь, это поможет!