HTML帮助程序和Javascript

Question

如何在没有重新加载页面的情况下将名称下拉列表工作。 （按下按钮）

您好，我希望为用户创建更友好的页面。现在，我在页面重新加载后按下使用按钮，然后在名为name的另一个下拉列表中显示数据。

我知道用JavaScript或其他类似方法做这件事是最好的方法。 这是使用按钮的代码

<fieldset>
             <legend>Select client, which you would like to use:</legend>

             @Html.Label("Client:")
             @Html.DropDownList("list", ViewData["list"] as SelectList, "-- Select Client --")
             <input type="Submit" name="button" value="Use" class="btn btn-primary" />
         </fieldset>

就像我理解的那样，我应该从第一个下拉列表中获取ID，并将其传输到Name：字段。

这是Name：field

的代码

<fieldset>
             <legend>Select client, which you would like to use:</legend>

             @Html.Label("Client:")
             @Html.DropDownList("list", ViewData["list"] as SelectList, "-- Select Client --")
             <input type="Submit" name="button" value="Use" class="btn btn-primary" />
         </fieldset>

如何在没有重新加载页面的情况下使下拉列表（名称）正常工作。 因为在按下USE按钮之前它是空的。（然后页面重新加载，然后我才在名称字段中看到数据）。我想在名称字段中有数据，然后我从客户端选择数据:(因为名称属于数据）而不按使用按钮。我认为现在很清楚。

Answer 1

如果我正确理解你，你要求的是一种方法，根据在另一个上选择的值加载一个选择值而不重新加载页面。

您需要做的就是使用AJAX调用。

首先，您在javascript中为主选择更改事件创建一个处理程序。 在此处理程序上，您通过AJAX调用查询服务器，以获取与当前值相关的第二个选择的值。 最后，将这些值推送到select html，更新它们而不重新加载页面。