提交表单后点击了哪个li标签？

【问题标题】：Which li tag is clicked after form is submitted?提交表单后点击了哪个li标签？
【发布时间】：2012-03-14 17:06:55
【问题描述】：

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

</form>

表单提交后。我怎么知道点击了哪个li标签，我想把它发布到php中

【问题讨论】：

标签不是表单元素。

您应该使用单选按钮进行此类选择

标签： php forms

【解决方案1】：

为 li 标签提供 id 和 classes 以注册点击事件，在该点击事件上使用 li 的 id、索引或文本更新隐藏字段，以便它在发布时可用。如果您无法提供唯一的 id 或文本值，您可以使用 li 的 index()。

<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);
});

【讨论】：

@user1254796: Please learn how accepting an answer works.

【解决方案2】：

像 Amritpal Singh 建议的那样：

<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>

【讨论】：

啊，然后参考这篇有用的帖子：stackoverflow.com/questions/3530652/…

【解决方案3】：

纯<li> 元素不可点击，并且不会向您的 POST 变量提供任何数据。您可以为此使用单选按钮。

【讨论】：

我正在使用 jquery 滑块，它没有单选按钮选项。所以任何有价值的建议。如果我得到 li 索引，那就太好了......
为什么要使用滑块进行性别选择？你有两种选择，一男一女。您不需要滑块，使用单选按钮或选择元素
实际上这不是针对性别的，我刚刚给你举了一个例子……它将是图像。

【解决方案4】：

index() 从零开始

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

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


})

你也可以在每次点击时切换一个类......真的不清楚你要求做什么

【讨论】：

想知道用户提交表单后点击了哪个li标签。