2017-08-14 58 views
0

我正處於我的自由職業者市場儀表板的開發階段。發送報價的主要想法就像fiverr。賣方將查看我通過while循環顯示的買方請求jquery ajax動態輸入只提交第一種形式

對請求它顯示一個具體請求的詳細信息模型框 發送提供一個新的模型框出現包含賣方演出..現在我創建動態相對於gigid形成..

以下是JS代碼以查看和submiting形式

function showForm(seller) 
{ 

    var a=seller; 
    alert(a); 
    $("."+a).toggle(); 




} 

    function submitproposal(buyerId,gigsellerId) { 
         var buyerId=buyerId; 
         var gigsellerId=gigsellerId; 



     var sellerRole = $("#sellerRole_"+gigsellerId).val(); 

     var sellerId = $("#sellerId_"+gigsellerId).val(); 
     var detail = $("#details_"+gigsellerId).val(); 

     var price = $("#price_"+gigsellerId).val(); 
     var duration = $("#duration_"+gigsellerId).val(); 
     var revision = $("#revision_"+gigsellerId).val(); 

     if ($("#checkbox1").is(":checked")) { 
      var gigextra1 = $("#checkbox1").val(); 
     } else { 
      var gigextra1 = ''; 
     } 
     if ($("#checkbox2").is(":checked")) { 
      var gigextra2 = $("#checkbox2").val(); 
     } else { 
      var gigextra2 = ''; 
     } 
     if ($("#checkbox3").is(":checked")) { 
      var gigextra3 = $("#checkbox3").val(); 
     } else { 
      var gigextra3 = ''; 
     } 


     var gigId = $("#gigId_"+gigsellerId).val(); 

     var dataString = 'sellerRole=' + sellerRole + '&sellerId=' + sellerId + '&buyerId=' + buyerId + '&detail=' + detail + '&price=' + price + '&duration=' + duration + '&gigextra1=' + gigextra1 + '&gigId=' + gigId + '&gigextra2=' + gigextra2 + '&gigextra3=' + gigextra3 + '&revision=' + revision; 
     alert(dataString); 
     if (detail === "") { 
      document.getElementById("error").innerHTML ="Please Give Details"; 

     } 
     else if (price === "") { 
      alert('Please Give Bugdet'); 
     } 

     else { 

      $.ajax({ 
       type: "POST", 
       url: "submitproposal.php", 
       data: dataString, 
       cache: false, 
       success: function (result) { 

        var inserted = document.getElementById("Success").innerHTML = result; 

       } 
      }); 
     } 
     return false; 
    } 

與動態ID的

<?php 

                  $selectgig=mysqli_query($con,"SELECT * From freelance_gig WHERE sellerId='$sellerId'"); 
                  $count=mysqli_num_rows($selectgig); 

                  while($fetchgig=mysqli_fetch_assoc($selectgig)){ 
                   $gigSellerId=$fetchgig['id']; 
                   $gigImage=$fetchgig['image']; 
                   $title=$fetchgig['title']; 


                   ?> 

                   <ul style="border: ridge " > 

                    <a data-toggle="modal" data-gig_id="<?php echo $gigSellerId ?>" class="gigId" onclick="showForm(<?php echo $gigSellerId?>)" style="text-decoration: none;color: black"> 
                     <img width="100" height="100" src="<?php echo $gigImage?>" style="margin-top: 5px;"><p><?php echo $title?></p></a> 



                    <div class="modal-body proposal <?php echo $gigSellerId?>" style="display: none;" > 
                     <div class="row"> 
                      <div class="col-md-12"> 

                       <h4>Please Fill The Following Fields </h4> 


                       <p id="error" style="color: red ;font-weight: bold"></p> 
                       <p id="Success" style="color: Green ;font-weight: bold"></p> 
                       <ul style="border: ridge " > 

                        <div class="form-group"> 
                         <input type="text" name="gigId" id="gigId_<?php echo $gigSellerId?>" value="<?php echo $gigSellerId;?>" > 
                         <input type="text" name="buyerId" class="buyerIdnew" value="<?php echo $buyerId ?>"> 

                         <input type="text" name="sellerId" id="sellerId_<?php echo $gigSellerId?>" value="<?php echo $sellerId?>" hidden > 
                         <!--                      <input type="text" name="gigId" id="gigId" value="--><?php //?><!--" hidden>--> 
                         <br> 
                         <label> 
                          Describe Your Gig: 
                         </label> 

                         <input type="text" class="pull-right" style="margin-right: 20px; width:200px;height: 50px;" name="gigdescription" id="details_<?php echo $gigSellerId?>"> 
                         <br> 
                         <br> 
                        </div> 
                        <div class="form-group" > 
                         <label> 
                          Price: 
                          &nbsp; 
                          &nbsp; 

                         </label> 

                         <span class="pull-right">$<input id="price_<?php echo $gigSellerId?>" type="number" style="width: 125px;margin-right: 20px;" min="5" max="5000" name="price" placeholder="maximum $5000" ></span> 
                         &nbsp; 
                        </div> 
                        &nbsp; 
                        &nbsp; 
                        <div class="form-group" > 
                         <label>Duration </label> 
                         <select id="duration_<?php echo $gigSellerId?>" name="duration" class="pull-right" style="margin-right: 20px;"> 
                          <option value="1" selected="">1 day</option> 

                          <option value="2">2 days</option> 

                          <option value="3">3 days</option> 

                          <option value="4">4 days</option> 

                          <option value="5">5 days</option> 

                          <option value="6">6 days</option> 

                          <option value="7">7 days</option> 

                          <option value="8">8 days</option> 

                          <option value="9">9 days</option> 

                          <option value="10">10 days</option> 

                          <option value="11">11 days</option> 

                          <option value="12">12 days</option> 

                          <option value="13">13 days</option> 

                          <option value="14">14 days</option> 

                          <option value="15">15 days</option> 

                          <option value="16">16 days</option> 

                          <option value="17">17 days</option> 

                          <option value="18">18 days</option> 

                          <option value="19">19 days</option> 

                          <option value="20">20 days</option> 

                          <option value="21">21 days</option> 

                          <option value="22">22 days</option> 

                          <option value="23">23 days</option> 

                          <option value="24">24 days</option> 

                          <option value="25">25 days</option> 

                          <option value="26">26 days</option> 

                          <option value="27">27 days</option> 

                          <option value="28">28 days</option> 

                          <option value="29">29 days</option> 

                          <option value="30">30 days</option> 
                         </select> 

                        </div> 

                        <div class="form-group>"> 
                         <label> 
                          Number Of Revisions(optional): 


                         </label> 
                         <select id="revision_<?php echo $gigSellerId?>" name="revisions" class="pull-right" style="margin-right: 20px;"> 
                          <option value="" selected="">Select</option> 
                          <option value="1">1</option> 
                          <option value="2">2</option> 
                          <option value="3">3</option> 
                          <option value="4">4</option> 
                          <option value="5">5</option> 
                          <option value="6">6</option> 
                          <option value="7">7</option> 
                          <option value="8">8</option> 
                          <option value="9">9</option> 
                          <option value="10">10</option> 
                          <option value="11">11</option> 
                          <option value="12">12</option> 
                          <option value="13">13</option> 
                          <option value="14">14</option> 
                          <option value="15">15</option> 
                          <option value="16">16</option> 
                          <option value="17">17</option> 
                          <option value="18">18</option> 
                          <option value="19">19</option> 
                          <option value="20">20</option> 
                          <option value="-1">unlimited</option> 
                         </select> 

                        </div> 
                       </ul> 

                       <br> 
                       <div class="form-group"> 

                        <a class="fa fa-play" onclick="ShowExtras(_<?php echo $gigSellerId?>)" style="text-decoration: none;color: black"> GiG Extra's (Optional) </a> 
                        <div id="extras" style="display: none;"> 
                         <ul> 
                          <li> 
                           <input type="checkbox" id="checkbox1" value="contentupload"> Content Upload 
                          </li> 
                          <li> 

                           <input type="checkbox" id="checkbox2" value="responsivedesign">Responsive Design 
                          </li> 
                          <li> 
                           <input type="checkbox" id="checkbox3" value="designcustomization">Design Customization 
                          </li> 
                         </ul> 
                        </div> 



                       </div> 
                       <input type="hidden" value="<?php echo $sellerRole; ?>" id="sellerRole_<?php echo $gigSellerId?>" > 





                       <input type="submit" name="submit" id="submit" class="btn green submit" onclick="submitproposal(<?php echo $buyerId;?>,<?php echo $gigSellerId; ?>)" > 
輸入字段10
+0

聽起來像一個唯一的ID屬性問題......雖然它看起來像你已經佔了那些...? – Rasclatt

+0

你能舉幾個例子嗎?另外,也許有一個控制檯錯誤? – Rasclatt

+0

@Rasclatt沒有任何控制檯錯誤..僅針對第一種形式表單的表單已成功提交 –

回答

0

通過哪種方法綁定事件?

隨後提交模型等不會發生,因爲事件在元素呈現之前已被綁定。如果是這樣,爲了防止你可以將事件綁定到body本身。

$('body').on('click', '#button_id_dynamic', function(){ });

+0

我怎樣才能添加參數這個功能就像我在做輸入字段前 前 '函數submitproposal(buyerId,gigsellerId)' –

+0

其簡單。無論你想在單擊按鈕後發生什麼,將所有內容放入函數中(從輸入,ajax,函數調用等中檢索值) –

+0

在函數內部調用函數(連同參數)。 –

相關問題