第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

刪除從 php 獲取的元素,該元素與 jquery 動態(tài)創(chuàng)建的輸入結(jié)合在一起

刪除從 php 獲取的元素,該元素與 jquery 動態(tài)創(chuàng)建的輸入結(jié)合在一起

PHP
慕容708150 2023-07-21 15:55:07
我正在嘗試通過單擊按鈕動態(tài)添加輸入。有一個刪除輸入按鈕以及動態(tài)創(chuàng)建的輸入元素。這將刪除輸入元素。我已經(jīng)實現(xiàn)了這一點,并將輸入值進一步插入到 mysql 數(shù)據(jù)庫中。我對此沒有問題?,F(xiàn)在,當我從數(shù)據(jù)庫(while 循環(huán))獲取現(xiàn)有值時,現(xiàn)有輸入值將與相同的刪除按鈕一起創(chuàng)建。單擊刪除按鈕不會刪除該元素,但是當我單擊插入輸入然后刪除時,它會起作用。我找不到解決這個問題的方法。如果有人可以幫忙的話。下面是我的代碼。我的 HTML<span id="insertblank">    <button type="button" class="btn" id="custom-button">Insert Input</button></span><div class="col-md-12 form-group fillin-answer">  <!-- My PHP WHILE loop would actually be here, but for illustration, I have manually inserted the elements as below -->   <!-- BEGIN INSERTED ELEMENTS -->   <div class="blanksanswers" id="removeans1">     <label class="removeans1">        Input <span>1</span><span class="text-danger">*</span>        <button type="button" class="btn btn-sm btn-danger remove" data-id="1">          Remove 1 Input        </button>     </label>     <div class="input-group removeans1">       <input class="form-control" id="fillin_answer1" name="fillin_answer[]" value="some values"/>     </div>   </div>   <!--END INSERTED ELEMENTS--></div>查詢var count = 0;var customButton = document.querySelector('#custom-button');           customButton.addEventListener('click', function(event) {               count++;                   $('.fillin-answer').append(new_input);                   $('.removeans'+count).on("click",".remove", function(e){                        e.preventDefault();                       var id = this.getAttribute("data-id");                       $("#removeans"+id).remove();                       if($(".blanksanswers").length == 0) {                           count=0;                           questc=0;                       }                   })               //}           });我的代碼筆在這里。感謝任何幫助。
查看完整描述

1 回答

?
慕尼黑5688855

TA貢獻1848條經(jīng)驗 獲得超2個贊

您刪除按鈕不起作用,因為您正在添加,EventListener因此custom-button只有在單擊后它才會起作用custom-button。


您可以嘗試使用以下代碼class來代替id元素。


$(document).ready(function(){

  $('body').on('click','#custom-button',function(){

    var new_input = '<div class="blanksanswers" ><label class="removeans" style="color:#333D79FF; font-size:15px;">Input <span></span><span class="text-danger">*</span><button type="button" class="btn btn-sm btn-danger remove">Remove Input</button></label><div class="input-group removeans"><input class="form-control" id="fillin_answer" name="fillin_answer[]" /></div></div>';

    $('.fillin-answer').append(new_input);

  });

  

  $('body').on('click','.remove',function(){

    $(this).closest('.blanksanswers').remove();

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<span id="insertblank">

    <button type="button" class="btn" id="custom-button">Insert Input</button>

</span>


<div class="col-md-12 form-group fillin-answer">

  <!-- My PHP WHILE loop would actually be here, but for illustration, I have manually inserted the elements as below -->

   <!-- BEGIN INSERTED ELEMENTS -->

   <div class="blanksanswers" id="removeans1">

     <label class="removeans1">

        Input <span>1</span><span class="text-danger">*</span>

        <button type="button" class="btn btn-sm btn-danger remove" data-id="1">

          Remove 1 Input

        </button>

     </label>

     <div class="input-group removeans1">

       <input class="form-control" id="fillin_answer1" name="fillin_answer[]" value="some values"/>

     </div>

   </div>

   <!--END INSERTED ELEMENTS-->

</div>


查看完整回答
反對 回復(fù) 2023-07-21
  • 1 回答
  • 0 關(guān)注
  • 110 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號