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

时间:2012-03-14 17:06:55

标签: php forms

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

</form>

表单提交后。如何知道点击了哪个li标签,我想将其发布到php

4 个答案:

答案 0 :(得分:3)

为li标签提供ID和类以注册click事件,在该click事件上更新一个隐藏字段,其中包含li的id,index或text,以便在post上可用。如果您无法提供唯一的ID或文本值,则可以使用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);
});

答案 1 :(得分: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>

答案 2 :(得分:2)

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

答案 3 :(得分:1)

index()基于零

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

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


})

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