提交表单后单击哪个 li 标签 - Which li tag is clicked after form is submitted?

Which li tag is clicked after form is submitted?

本文关键字：li 标签单击表单提交 | 更新日期: 2023-09-27

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

提交表格后。我怎么知道点击了哪个 li 标签，我想将其发布到 php

为 li

标签提供 ID 和类以注册点击事件，在该点击事件上，使用 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);
});

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

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

index()从

零开始

$('#myForm li').click(function(){
        alert( $(this).index()) ;
         /* or */
        alert( $(this).text());

})

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