javascript下拉填充

时间:2013-02-13 03:48:17

标签: javascript jquery asp.net

我使用ASP.NET通过javascript填充我的下拉列表,为此我已经获得了该站点上的一个答案的帮助。我使用了以下代码:

<script type="text/javascript">
    $(document).ready(function () {
        alert("Hi");
        var select = document.getElementById('<%=ddlItems%>');
        var option = document.createElement("option");
        option.value = "1";
        option.innerHTML = "Option1";
        select.appendChild(option);

    });
</script>

它不起作用。为了检查程序流是否正在进入功能,我已经设置了一个警告框。它向我显示正确的警报,这意味着它进入该功能但在该代码下方不起作用。可能是什么问题?

4 个答案:

答案 0 :(得分:5)

使用ddlItems.ClientID

<script type="text/javascript">
    $(document).ready(function () {
        alert("Hi");
        var select = document.getElementById('<%=ddlItems.ClientID%>');
        var option = document.createElement("option");
        option.value = "1";
        option.innerHTML = "Option1";
        select.appendChild(option);

    });
</script>

答案 1 :(得分:3)

试试这种方式。将您的ID模式设置为dropdownlist

的静态
<asp:DropDownList ID="ddl" runat="server" ClientIDMode="Static"></asp:DropDownList>

并将您的脚本更改为

var select = document.getElementById('ddl');

答案 2 :(得分:2)

您好,您可以按如下方式添加选项:

$('#ddlItems').append($('<option></option>').val("1").html("option1"));

答案 3 :(得分:1)

在下拉列表ID后使用clientID ..

 <script type="text/javascript">
 $(document).ready(function () {
     alert("Hi");
    var select = document.getElementById('<%=ddlItems.ClientID%>');
    var option = document.createElement("option");
    option.value = "1";
    option.innerHTML = "Option1";
    select.appendChild(option);

 });
 </script>