Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/236.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何将select2.js与多个ID一起使用_Php_Jquery Select2 - Fatal编程技术网

Php 如何将select2.js与多个ID一起使用

Php 如何将select2.js与多个ID一起使用,php,jquery-select2,Php,Jquery Select2,如果只放置一次,则select2可执行多个操作。但我有一个页面,需要多次放置select2 由于select2将特定id分配给div,即select multiple,因此我无法更改该id 工作正常-> <select id="select2-multiple" data-plugin="select2" class="form-control" multiple> 放置多个时,将不起作用->(只有第一个起作用) 我知道,因为多个id重叠。但我无法更改id,因为select

如果只放置一次,则select2可执行多个操作。但我有一个页面,需要多次放置select2

由于select2将特定id分配给div,即select multiple,因此我无法更改该id

工作正常->

<select id="select2-multiple" data-plugin="select2" class="form-control" multiple>

放置多个时,将不起作用->(只有第一个起作用)


我知道,因为多个id重叠。但我无法更改id,因为select2将无法在除“select2 multiple”之外的其他id上工作


任何解决方案?

您不能为同一ID初始化两个select2,因此请使用class属性初始化select2

HTML


工作演示:

您是否也可以分配
名称
?每个选择元素上有不同的名称。是,我可以指定。但仍然由于相同的id,select2无法工作。只有第一个可以工作
我不能更改id,因为select2不会在“select2 multiple”之外的其他id上工作
鉴于此,您可以在自己的脚本上操作
select2插件,因此您可以分配唯一的元素。”但我不能更改id,因为select2不会在其他id上工作“select2 multiple”-你到底在说什么…?上的示例根本不使用任何id。(是否可能你有错误的印象,认为
$('#select2 multiple')。select2()
是初始化此…?)使用类而不是id是有效的…你应该尝试一下
<select id="select2-multiple" data-plugin="select2" class="form-control" multiple>
<select id="select2-multiple" data-plugin="select2" class="form-control" multiple>
<select id="select2-multiple" data-plugin="select2" class="form-control" multiple>
<select class="form-control select2-multiple" multiple>
  <option value="AL">Alabama</option>
  <option value="WY">Wyoming</option>
</select>

<select class="form-control select2-multiple" multiple>
  <option value="AL">Alabama</option>
  <option value="WY">Wyoming</option>
</select>
$(document).ready(function() {
   $('.select2-multiple').select2();
});