Какой тег li нажимается после отправки формы?

Question

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

</form>

После отправки формы. Как я могу узнать, какой тег li нажат, и я хочу опубликовать это в php

Answer 1

присваивает идентификаторы и классы тегам li для регистрации события click, при этом событии click обновляют скрытое поле с id, индексом или текстом li, чтобы оно было доступно в записи.Если вы не можете дать уникальные идентификаторы или текстовые значения, вы можете просто использовать index () из 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);
});

Answer 2

Обычные <li> элементы не кликабельны и не предоставляют никаких данных для вашей переменной POST Вы можете использовать радио кнопки для этого.

Answer 3

Как Амритпал Сингх предложил:

<form method="post" action="" id="myForm">
   <select name="gender">
      <option value="Male">Male</option>
      <option value="Female">Female</option>
   </select>
   <input type="submit" name="submit" /> 
</form>

Answer 4

index() на основе нуля

$('#myForm li').click(function(){

        alert( $(this).index()) ;
         /* or */
        alert( $(this).text());


})

Вы также можете переключать класс при каждом щелчке .... действительно не ясно, что вы просите сделать