Question

我在aspx页面中有一个asp列表框。通过外部java脚本，我需要手动填充列表框。如何访问javascript中的列表框？它需要jquery吗？我正在动态地将java脚本附加到aspx页面。我没有为java脚本使用任何include / import语句。所以我无法使用"Document"对象。如何在java脚本代码中创建new ListItem()来填充它？

还有其他方法吗？在这种情况下请帮助我。提前致谢。早期的回应表示赞赏。

Answer 1

您可以使用列表框ID

访问列表框

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

Answer 2

您可以通过多种方式完成此操作。您可以使用以下命令获取列表框：

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

或者使用Jquery：

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

你也可以将clientidmode设置为static，它将使用与aspx页面相同的id，所以你可以使用：

$('#myListBox')

Answer 3

我正在动态地将java脚本附加到aspx页面。我是   没有为java脚本使用任何include / import语句。我也是   无法使用“文档”对象。

动态绑定脚本不会阻止您使用文档。你可以这样做。 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']));

        });
  });

如何通过javascript填充asp下拉列表？

3 个答案: