根据下拉菜单选择内容

Question

嗨，我正在使用mvc .net（c＃）创建带有注册页面的Web应用程序。有两种类型的用户，让他们称为类型1和类型2。我是我的表单，我有一个drowpdown列表，他们可以在其中选择其类型。如果选择了类型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文件中：

只需检索名称为user_type的帖子数据，然后在查询后打印结果，该结果将被捕获到ajax的response方法中的success()参数中查询成功；如果查询不成功，则使用error()方法。

希望这会有所帮助！