2012-06-01 75 views
3

我在aspx頁面中有一個asp列表框。通過外部java腳本,我需要手動填充列表框。如何訪問javascript中的列表框?它需要jQuery嗎?我將java腳本動態地附加到aspx頁面。我沒有爲java腳本使用任何include/import語句。所以我無法使用"Document"對象。 如何在java腳本代碼中創建new ListItem()來填充它?如何通過java腳本填充asp下拉列表?

有什麼替代方法嗎?請在這種情況下幫助我。提前致謝。早期的反應是讚賞。

+0

http://www.aspsnippets.com/Articles/Populate-Bind-DropDownList-using-JavaScript-and-ASP。 Net-AJAX.aspx – Habib

回答

1

你可以做一個多種方式訪問​​列表框中。

var myListBox = document.getElementById(<'<%= myListBox.ClientId %>') 

或者使用jQuery:您可以獲取列表框中

$('#<%= myListBox.ClientId %>') 

您還可以設置的ClientIDMode爲靜態,這將使用相同的ID作爲aspx頁面上,這樣你就可以使用:

$('#myListBox') 
+0

感謝您的回覆。如何通過java腳本創建列表框的項目? –

+0

這些物品的來源是什麼? – Porco

+0

我很難編碼現在的價值 –

1

可以使用列表框ID

var Lbox document.getElementById(<'<%= ListBox.ClientId %>'); 
var option = document.createElement("option"); 
option.value = '1'; 
option.innerHTML = 'Option 1'; 
Lbox.appendChild(option); 
+0

在外部Java腳本中,我無法按照我的要求使用文檔 –

1
  1. 我的Java腳本動態連接到aspx頁面。我是 沒有爲java腳本使用任何包含/導入語句。所以我 無法使用「文檔」對象。

綁定腳本動態不會阻止您使用文檔。你可以這樣做。 For details

Page.RegisterClientScriptBlock("MyScript", _ 
    "<script language=javascript src='MyJavaScriptFile.js'>"); 

2。通過外部Java腳本,我需要手動填充列表框 。如何訪問javascript中的列表框

您可以使用ajax從服務器獲取下拉數據。如果你不需要服務器的數據,你可以省略ajax部分。 For details follow this article

在HTML部分

<asp:DropDownList ID="ddlCities" runat="server"> </asp:DropDownList> 

在Javascript中部分

$.getJSON('LoadCities.ashx?StateID=' + StateID, function(cities) { 
     $.each(cities, function() {       
      $("#ddlCities").append($("<option> </option>").val(this['ID']).html(this['City'])); 

     }); 
    }); 
      ​