Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript - 如何在加载的页面上创建多个 select-2

In lại Tác giả: Walker 123 更新时间：2023-11-28 03:36:54 26 4
mua khóa gpt4 Nike

我正在创建一个表单，允许我从数据库添加项目。我可以添加我需要的项目数量。我还可以选择要选择的项目类型。

问题发生的是，当我给按钮添加另一个项目时，此负载但同时消除了另一个选择的 select-2 的功能。这是我的代码；

我使用 jQuery、select-2 和 bootstrap。

我尝试在页面加载后加载，但这不起作用；我将其设置为 .onloaddocument:

$('.select-dinamic').select2({ width: '100%' });
$("#button_new_equip").click(function(event) {
var select_buton='

'

  $("#Insp_instruments").append(select_buton)
  $('.select-dinamic').select2({ width: '100%' });
  /* Act on the event */
});

html



如果我尝试在表单中添加新的 select2
之前的 select 丢失了 select2属性。

câu trả lời hay nhất

您正在为在运行时创建的所有新下拉列表使用静态 NHẬN DẠNG 属性，即 id="instrument0" Và id="Tip “.

Vì thế

  • 从 html 中删除 NHẬN DẠNG 属性即可正常工作
  • 或者通过使用 $('.select-dinamic').length 添加计数器来使它们独一无二

第二个会更好地适应，你必须将两个选择的 id 更改为以下内容

  • id="instrument_' + $('.select-dinamic').length + '"
  • id="Tip_' + $('.select-dinamic').length + '"

请参阅下面的工作演示

$("#button_new_equip").on('click', function(event) {
  var select_buton = '

';

  $("#Insp_instruments").append(select_buton);
  $('.select-dinamic').select2({
    width: '100%'
  });

  /* Act on the event */
});


关于javascript - 如何在加载的页面上创建多个 select-2，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57640034/

26 4 0
Đề xuất bài viết: html - 具有百分比宽度的 DIV 不起作用(无边框，无边距/填充)
Đề xuất bài viết: c++ - _mm_cmpistri 反向
Đề xuất bài viết: javascript - 如何构造svg变换矩阵
Đề xuất bài viết: javascript - 如果使用 VLOOKUP，onEdit() 不会触发
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress