onclick li提交表格并发布li的数据ID

Question

我正在尝试创建一个小表单,提交一个data-ida li并传递一个值onclick li.这是我到目前为止所做的......

<form method="POST" action="/default/index" id="event-notify-form">
    <div id="notification-event" style="overflow: hidden; width: auto; height: 400px">
    <ul>
    <li data-id="171" class="nav-message-body"></li>
    <li data-id="168" class="nav-message-body"></li>
    </ul>
    </div>
</form>

我的jquery是

$('#notification-event li').click(function() {
    var eid=$(this).attr("data-id");
    $('#event-notify-form').append(eid).submit();  
});

data-id不发布,我试着$_POST显示空数组

Answer 1

创建一个隐藏的输入元素并将其值设置为

<form method="POST" action="/default/index" id="event-notify-form">
    <input type="hidden" name="myId" />
    <div id="notification-event" style="overflow: hidden; width: auto; height: 400px">
        <li data-id="171" class="nav-message-body"></li>
        <li data-id="168" class="nav-message-body"></li>
    </div>
</form>

然后

$('#notification-event li').click(function () {
    var eid = $(this).attr("data-id");
    var $frm = $('#event-notify-form');
    //set the value of the hidden element
    $frm.find('input[name="myId"]').val(eid);
    //submit the form
    $frm.submit();
});

在服务器端

$_POST('myId')