如何動態添加和刪除ASP：DropDownLists？

我希望能夠有一個可點擊的按鈕，動態添加從數據綁定中提取其值的下拉列表。我的問題是，它看起來像ASP.Net試圖解析JavaScript之前的下拉列表，並抱怨該ID。如何動態添加和刪除ASP：DropDownLists？

這是我收到的錯誤：

DotNetNuke.Services.Exceptions.ModuleLoadException: 'ddlToolPusher' + i + '' is not a valid identifier. ---> System.Web.HttpParseException: 'ddlToolPusher' + i + '' is not a valid identifier. --->

以下是我有：

ASCX

<div id="dropdowns"> 
    Toolpushers: 
    <asp:DropDownList runat="server" id="ddlToolPusher" /> 
    <asp:Button runat="server" ID="btnSubmit" Text="Submit" /> 
</div> 
<p><a href="#" id="addDD">add something</a></p> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    var ddlDiv = $('#dropdowns'); 
    var i = 1; 
    $('#addDD').click(function() { 
     $('<asp:DropDownList runat="server" id="ddlToolPusher' + i + '" />').appendTo(ddlDiv); 
     i++; 
     return; 
    });  
}); 
</script>

ascx.cs

protected void Page_Load(object sender, EventArgs e) 
{ 
    MyDatabase db = new MyDatabase(); 
    rmModuleNavigationWrapper.InnerHtml = Helper.BuildModuleNavigation(); 
    btnSubmit.Click += new EventHandler(ButtonHandler); 

    if (!Page.IsPostBack) 
    { 
     BindData(); 
    } 


} 

protected void BindData() 
{ 
    string connStr = ConfigurationManager.ConnectionStrings["SiteSqlServer"].ConnectionString; 
    using (SqlConnection conn = new SqlConnection(connStr)) 
    { 
     SqlCommand cmd = new SqlCommand("robinson_GetEmployeesForRigDDL", conn); 
     cmd.CommandType = CommandType.StoredProcedure; 

     conn.Open(); 
     SqlDataReader reader = cmd.ExecuteReader(); 
     ddlToolPusher.DataSource = reader; 
     ddlToolPusher.DataTextField = "Name"; 
     ddlToolPusher.DataValueField = "ID"; 
     ddlToolPusher.DataBind(); 
     ddlToolPusher.Items.Insert(0, new ListItem("Choose One", "0")); 
     ddlToolPusher.SelectedIndex = 0; 
    } 
}

來源

2014-04-04 drewwyatt

這裏此代碼：

$('#addDD').click(function() { 
    $('<asp:DropDownList runat="server" id="ddlToolPusher' + i + '" />').appendTo(ddlDiv); 
    i++;

此碼在BROWSER評估和將不被轉換成HTML元素。您只能使用jQuery/javascript等構建DOM元素......您無法使用它添加/修改ASP標記。

您應該添加JavaScript或jQuery通過AJAX調用將項添加到SELECT列表中......您擁有的將無法正常工作。

來源

2014-04-04 19:19:29

好主意....並做:) – fnostro

asp:DropDownLists被轉換爲html選擇/選項標籤。如果您正在嘗試添加客戶端列表項，您必須使用客戶端樣式編碼添加<option>至<select>

而且這不會持續。一旦你回發動態添加的選項將不復存在

來源

2014-04-04 19:20:39 fnostro

@TMckeown ...哎呀看起來像你打先輸入...道歉 – fnostro

沒問題...我會投票你的，你的投票我的！ =） –

如何動態添加和刪除ASP：DropDownLists？

回答

相關問題