如何将文本绑定到html选择

时间:2015-12-30 12:17:44

标签: jquery asp.net

页面中有2个下拉菜单,我试图将相同的数据绑定到它们。数据是从ajax调用接收的,类型为text / html。

ASPX:

<asp:DropDownList ID="ddlOne" runat="server" CssClass="ddlItems" >
  <asp:ListItem Text="Select" Value="0"></asp:ListItem>
</asp:DropDownList>

<select id="ddlTwo" runat="server" CssClass="ddlItems">
  <option value="0">Select</option>
</select>

JS:

function getData() {
 $.ajax({
            url: "/ShowMore.ashx",
            success: function (msg) {
              var result = msg.split(";");
              $(".ddlItems").html(result[3]);
            }
}

ASHX:

//some code

foreach (Type oitem in lstItems)
   {
     sbItems.Append("<option value=\"" + item.ItemId + "\">" + item.ItemName + "</option>");
   }
StringBuilder sbContent = new StringBuilder();
sbContent.Append("1;2;" + sbItems.ToString());
context.Response.ContentType = "text/html";
context.Response.Write(sbContent);

结果[3]完全是这样的:

<option value="1">ABC</option>
<option value="2">DEF</option>

数据绑定到ddlOne但不绑定到ddlTwo。它是空的。控制台没有错误。这可能有什么不妥。

1 个答案:

答案 0 :(得分:1)

ddlTwo CssClass="ddlItems" class="ddlItems"应该像<select id="ddlTwo" runat="server" class="ddlItems"> <option value="0">Select</option> </select> 一样。

{{1}}

希望这能解决您的问题。