スクロールを使用してjqueryでフォームを送信

Question

とにかくjqueryを使用してフォームを送信できますか？私はあなたがスクロールするときにポストのIDを送る次のコードを持っていて、それと一緒にいくつかのフォーム値（この場合はtv）を提出できるかどうか疑問に思っていました。次のようにフォームの

感謝

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

あなたはajaxオプションのdataオプションでデータを渡すことができます。試してみてください

$(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()} 
    //...