通过POST提交UL的最佳方式？

Question

Quick question...

I have an input box that upon key enter, adds the value to an unordered list. How would I pass this unordered list to jquery post? I'm using the form.serialize, so I don't have to define each variable for posting.

Example, let's say I entered 3 fruits and they get dynamically added to an unordered list inside the form.

Fruit: [input text here]

• Apple
• Banana
• Pear

I was thinking of creating a hidden text field that would populate with the new value everytime the user pressed enter.

Any other thoughts?

Answer 1

<ul>
    <li>Apple<input type='hidden' name='fruits[]' value='Apple'/></li>
    <li>Pear<input type='hidden' name='fruits[]' value='Pear'/></li>
    <li>Banana<input type='hidden' name='fruits[]' value='Banana'/></li>
</ul>

When submitted, you'll get an array in $_POST named fruits with those value.