2013-07-09 51 views
-2

如何命名下拉列表工作,无需重新加载页面。 (按使用按钮)html助手和Javascript

嗨我想创建我的网页更友好的用户。现在,然后我按下使用按钮后页面重新加载只有数据显示在另一个名为名称下拉列表。 enter image description here

我知道这是用JavaScript或类似方式做到这一点的最好方法。 THISIS代码使用按钮

<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,并将其转移到名称:字段。

这是代码名称:现场

<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按钮(然后页面重新加载,然后我才看到名称字段中的数据)。我想要在名称字段中输入数据,然后从客户端中选择数据:(bescause名称属于数据),不用按下使用按钮。我认为现在很清楚。

+2

而这个问题呢? –

+0

已编辑的问题 – sparagas

+0

还是没有智者? – Liam

回答

1

如果我正确地理解了你,你所要求的是一种加载一个选择值的方法,这取决于在另一个选择的值而不重新加载页面。

你需要做的是使用AJAX调用。

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