b4tist4_911
New Member
I have a method that returns data from the database, then creates a string in the form of a html list tag\[code\]options.Append("<li value=http://stackoverflow.com/"" + reader["CIStatusID"].ToString() + "\"><a href=http://stackoverflow.com/"#\" class=\"filterOption checkable\">");options.Append(reader["Status"].ToString() + "</a></li>");\[/code\]then in my javascript i assign this to a ul tag named "filterType"\[code\]<div id="gearOptionsViewCaseFiles" style="display: none;"> <ul> <li><a href="http://stackoverflow.com/questions/13849026/#">Filter by Status</a> <ul id="filterType"> </ul> </li> </ul></div>\[/code\]This is how I populate my ul tag with the dynamically generated list items:\[code\]success: function (data) { $('#filterType').val('<li value="http://stackoverflow.com/questions/13849026/0" class="filterOption checkable checked"><a href="http://stackoverflow.com/questions/13849026/#">All<img class="checkedimage" src="http://stackoverflow.com/questions/13849026/Images/tick.png" width="12" height="12"></a></li>' + data);}\[/code\]in the debugger, the "filterType"'s value is the generated list items, but on the website, the list never appear. I can't seem to figure out why it is not displaying if it is assigning the generated html items to the "filterType" ul tagEDIT :what the li items looks like when it's being added to the ul:\[code\]<li value="http://stackoverflow.com/questions/13849026/0" class="filterOption checkable checked"><a href="http://stackoverflow.com/questions/13849026/#">All<img class="checkedimage" src="http://stackoverflow.com/questions/13849026/Images/tick.png" width="12" height="12"></a></li>\[/code\]