2013-07-09 55 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,更新它們而不重新加載頁面。