Question

<form id="form1">
<ul>
<li>Content</li>
<li>Content</li>
<li>Content</li>
</ul>
<input type="submit" value="Submit" />
</form>

I want to send the content in the ul tag when clicking the submit button.

the submitted data should be

<li>Content</li>
<li>Content</li>
<li>Content</li>

How would I write this in jquery and with proper char. escaping for the <>’s

Answer 1

Disclaimer: This is an alternative to my other AJAX based answer.

You can do this by setting the value of a hidden field with javascript. Also, your form needs an “action” attribute – it has to be submitted to somewhere.

<!-- HTML -->
<form action="/my_script.php" id="my_id">
  <ul>
    Stuff...
  </ul>
  <input type="hidden" name="html />
</form>

The script:

$("#my_id").submit(function () {
  var html = $(this).find("ul").html();
  $(this).find("input[name=html]").val(escape(html));
  // don't return false, we want the submit event to go through
});

The form will submit, and the hidden field will have the escaped HTML from the <ul></ul> tag as value.