jQuery附加BulletList C＃控件的问题

Question

var eq = Cost/Sales;
var delimiters = "+-*/()";
var result = new Array();
var chunk = "";
var regex =  /[()*/+-]|[A-Z a-z]+|\d+/g;
var parts = eq.match(regex);
for (var i = 0; i < parts.length; i++)
{
      $("#ctl00_ContentPlaceHolder1_Destination").append('<li>'+parts[i]+'</li>');
       alert('<li>'+parts[i]+'</li>');     
}

---

<CTExtension:EmptyBulletedList ID="Destination" runat="Server" class="connectedSortable"></CTExtension:EmptyBulletedList>

I have following code in my javascript to break the value in to array. Now I want to append it one by one into destination id-control which is bullet list from my C#. But the above code does not append the values. Please help! and it creates the ul tag when i run the page

Answer 1

At runtime, is the value of your #ctl00 still the same? That looks like a placeholder in ASP.NET meaning the actual value could change at runtime. Also, when you say it is not appending the values, what is it doing instead. Are you getting any javascript errors in the console? Are you getting the alert? Do a View Source on the page after it loads and make sure the ID you are passing the JQuery selector is correct.

I would assume the ControlID is changing, and therefore your selector is no longer valid.

See my Fiddle below, it's working, start from a working solution and make changes until it breaks, then you will know where it's going wrong.

http://jsfiddle.net/zWXCN/

for (var i = 0; i < 20; i++)
            {
                  $("#test").append('<li>'+i+'</li>');
                   //alert('<li>'+i+'</li>');     
            }

Answer 2

Directly referencing your element via the automatically generated ASP.NET ID can cause problems. Can you check if that ID is still correct (using developer tools in the browser)?

Instead you should reference your control like:

$('#<%= Destination.ClientID %>')

This means that regardless of the structure of your page, or the implementation of the ClientID, you will always be referencing the correct control.