时间戳

首页 > 解决方案 > 根据下拉选择显示内容

javascript - 根据下拉选择显示内容

问题描述

嗨，我正在使用带有注册页面的 mvc .net(c#) 制作一个 Web 应用程序。有两种类型的用户，我们称他们为类型 1 和类型 2。我是我的表单，我有一个下拉列表，他们可以在其中选择他们的类型。如果选择类型 2 的选项，我想显示一个 pdf 文件的输入。我对 javascript 或 ajax 没有太多经验，所以我想知道是否可以将其中一个用于此目的。提前致谢。

标签： javascriptc#jqueryajax

解决方案

您的 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 文件中：

只需检索带有 name 的 post DATA user_type，然后在查询后打印结果，如果查询成功，则会将其捕获到ajaxresponse的方法中的参数，如果查询不成功，则会在方法中捕获。success()error()

希望这可以帮助！

推荐阅读