2017-08-14 56 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

在函数内部调用函数(连同参数)。 –

相关问题