Question

无论如何你可以使用jquery提交表单吗？我有以下代码，当你滚动时发送一个帖子的id，并想知道我是否也可以提交一些表格值（例如，在这种情况下为电视）。

非常感谢

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
        $('div#loadmoreajaxloader').show();
        $.ajax({
            url: "loadmore.php?lastid=" + $(".postitem:last").attr("id"),
            success: function(html){
                if (html) {
                    $("#postswrapper").append(html);
                    $('div#loadmoreajaxloader').hide();
                } else {
                    $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');
                });
            }
        });

表单的html如下：

<select id="tv_dropdown" name="tv_dropdown" class="selecttv">
    <option value="">any tv</option>
    <option id="tv" value="Samsung">Samsung</option>
    <option id="tv" value="Panasonic">Panasonic</option>
    <option id="tv" value="Sony">Sony</option>
    <option id="tv" value="Sharp">Sharp</option>
</select>

Answer 1

您可以使用data选项的ajax选项传递数据。试试这个

$(window).scroll(function(){
    if($(window).scrollTop() == $(document).height() - $(window).height()){
        $('div#loadmoreajaxloader').show();
        $.ajax({
            url: "loadmore.php",
            type: "GET",//Set this to GET/POST etc as per your need.
            data: {
                 lastid: $(".postitem:last").attr("id"),
                 tv: $("#tv_dropdown").val()
            },
            success: function(html){
                      if(html){
                            $("#postswrapper").append(html);
                            $('div#loadmoreajaxloader').hide();
                      }else{
                            $('div#loadmoreajaxloader')
                            .html('<center>No more posts to show.</center>');
                      }
            }
    });
   }
});

Answer 2

是的，您可以使用数据选项设置发布数据。

$.ajax({
    url: "loadmore.php",
    data: {lastid : $(".postitem:last").attr("id"), tv: $("#tv_dropdown").val()}
    //...

使用滚动在jquery中提交表单

2 个答案: