jquery ajax动态表单,动态输入只提交第一个表单

时间:2017-08-14 19:35:37

标签: php jquery ajax

我正处于我的自由职业者市场仪表板的开发阶段。发送报价的主要想法就像fiverr。卖家将查看我在循环中显示的买家请求

在视图请求它显示特定请求的详细信息的模型框 在发送报价时出现一个包含卖家演出的新模型框..现在我在这里创建了关于gigid的动态形式..

以下是查看和提交表单的JS代码

 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; ?>)" >

1 个答案:

答案 0 :(得分:0)

您使用哪种方法绑定事件?

不会发生模型等的后续提交,因为事件在呈现元素之前被绑定。如果是这种情况,为了防止您将事件绑定到正文本身。

update worker set p_hour = p_hour + a.hour where exists (select p.per_id, p.p_hour from worker p, department a where p.per_id = a.per_id and p.per_id = '1234')