Question

<form method="post" action="" id="myForm">
<ul>
    <li>Male</li>
    <li>Female</li>
</ul>
    <input type="submit" name="submit" />

</form>

After the form is submitted .How can i know which li tag is clicked and i want to post that to php

Answer 1

give ids and classes to the li tags to register the click event, on that click event update a hidden field with the id, index, or text of the li so that it will be available on post. If you are unable to give unique id’s or text values you can just use the index() of the li.

<form method="post" action="" id="myForm">
<ul>
   <li id='male' class="sex">Male</li>
   <li id='female' class="sex">Female</li>
</ul>
<input type="hidden" id="selectedsex" />                    
<input type="submit" name="submit" />

</form>

$('.sex').click(function () {
    var val = $(this).attr('id');
    $('#selectedsex').val(val);
});