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

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

Select2 動態(tài)添加的輸入不起作用

Select2 動態(tài)添加的輸入不起作用

12345678_0001 2023-05-25 16:35:10
我有一張使用 Select2 中的多選表,效果很好。但是我有一個按鈕可以通過克隆前一個并向該行添加一個新的 id 來添加一行,我對多選使用相同的相同標記。那個是殘疾人。我嘗試在添加行后重新初始化但不起作用:( 下面是 html 和 js。HTML:<select class="js-example-basic-multiple" name="selectedValues" multiple="multiple" multiple>  <?=$displaySelectData?></select>記者:$(document).ready(function () {  $('.js-example-basic-multiple').select2();  var sample_row = 1;  $('#addrow').click(function(e) {    e.preventDefault();    var sample_row_template = $('#sample_row_template')      .clone()  // CLONE THE TEMPLATE      .attr('id', 'row' + (sample_row++)) // MAKE THE ID UNIQUE      .appendTo($('#sample_table tbody')) // APPEND TO THE TABLE      .show(); // SHOW IT  });              $('.js-example-basic-multiple').select2();});我正在克隆的行<tr id="sample_row_template" style="display: none;">    <td width="200px">        <input class="form-control" name="sample-reference" type="text" value="">    </td>    <td width="150px">        <input class="form-control" name="sample-date" type="date" value="<?=$today?>" id="example-date-input">    </td>    <td width="150px">        <input class="form-control" name="sample-time" type="time" value="<?=$now?>" id="example-time-input">    </td>    <td >        <select class="js-example-basic-multiple" name="selectedValues" multiple="multiple" multiple>            <?=$displaySelectData?>        </select>    </td>    <td width="200px">        <select class="fart form-control">            <option>Select</option>            <option value="1">1 Day</option>            <option value="2">2 Day</option>            <option value="3">3 Day</option>            <option value="4">4 Day</option>            <option value="5">5 Day</option>            <option value="6">6 Day</option>            <option value="7">7 Day</option>            <option value="8">8 Day</option>            <option value="9">9 Day</option>            <option value="10" selected>10 Day</option>        </select>    </td>    </div></tr>
查看完整描述

1 回答

?
慕無忌1623718

TA貢獻1744條經驗 獲得超4個贊

.select2()主要問題是您在克隆該行后沒有調用。如果你仔細觀察,你的第二次調用.select2()發(fā)生在你的處理程序之外.click(),即使你的空格讓它看起來像是在里面。


另一個問題是最好只.select2()調用克隆的行,而不是全局調用。在我的測試中,如果我像您一樣保持函數(shù)調用,那么在第一行結束后克隆的任何行都會顯示 select 下拉列表和 select2 下拉列表彼此相鄰。這段代碼應該可以解決問題:


$(document).ready(function () {

  var sample_row = 1;


  $('#addrow').click(function(e) {

    e.preventDefault();

    var new_row = $('#sample_row_template')

      .clone() // CLONE THE TEMPLATE

      .attr('id', 'row' + (sample_row++)) // MAKE THE TABLE ROW ID UNIQUE

      .appendTo($('#sample_table tbody')) // APPEND TO THE TABLE BODY

      .show() // SHOW IT

     ;


     // now, initialize select2 *only* on the new row that was created

     new_row.find('.js-example-basic-multiple').select2();

  });

});


查看完整回答
反對 回復 2023-05-25
  • 1 回答
  • 0 關注
  • 273 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號