jquery 检查多选中的特定选项

Question

好的，我有一个像这样的多选：

<select id="filtreMultiselectModif" name="groupes[]" multiple="multiple">

<script> 
$('#filtreMultiselectModif').multiselect(
    {
        includeSelectAllOption: true,
        enableFiltering: true,
        maxHeight: 200
    });
</script>

这给我：

我想做的是设置检查我存储在 PHP table.

中的一些特定项目

这是我的 jquery 代码（没有用）

<script>
$(document).ready(function ()
{
    var arrayFromPHP = <?php echo json_encode($tableauIntitule); ?>;
    $('#filtreMultiselectModif').multiselect(
    {
        includeSelectAllOption: true,
        enableFiltering: true,
        maxHeight: 200
    });

    $('#filtreMultiselectModif option').each(function(i,option)
            {       
                $.each(arrayFromPHP,function(index,groupe){
                     if ($(option).text() === groupe) 
            {
                alert (option.text);
                 $(this).attr('checked', 'checked');
            }
                });
            });
});

基本上我希望在下拉列表中检查存储在 arrayFromPHP 中的每个项目，但它似乎不起作用..

这是我的 PHP 数组的代码，以防万一：

<?php
$tableauIntitule = [];
$i = 0;
while ($data3 = mysqli_fetch_array($req3)) { // Remplissage du SELECT
  $intitule = $data3['intitule'];
  $tableauIntitule[$i] = $intitule;
}
?>

Answer 1

First of all - your question is regarding bootstrap-multiselect (and not jquery-multiselect).

您可以使用 multiselect('select', VALUES) 来设置所选值。

这是一个例子：

 $(document).ready(function() {
   $('#s1').multiselect();
   $('#s1').multiselect('select', ['a', 'c', '2']);
 });

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>
<select id="s1" multiple="multiple">
    <option value="a">Option A</option>
    <option value="b">Option B</option>
    <option value="c">Option C</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

在你的情况下，如果 arrayFromPHP 是一个数组（即 arrayFromPHP = ['v1', 'v2', 'v3']），你可以 multiselect('select', arrayFromPHP).

要记住一件重要的事情 - 数组中的数据应该是值而不是选项数据 (<option value="VAL">OPTION</option>)。

jquery 检查多选中的特定选项

jquery check specific options in a multiselect

php

jquery

bootstrap-multiselect