2016-07-06 11 views
0

Wie ausgewählte Db-Werte in einer Dropdown-Liste ausgewählt werden, wie PHP im Multiselect-Boostrap-Dropdown-Menü?Wie Box-Wert auswählen ausgewählt aus Db-Werten in Boostrap Multiselect js?

Zum Beispiel Php-Codierung,

$array = array("apple", "orange", "lemon"); 
<select> 
<option value=""></option> 
<?php 
foreach ($array as $data) { 
    ?> 
    <option value="<?php echo $data ?>" <?php if ($data == "orange") echo "selected"; ?>><?php echo $data ?></option> 
<?php } ?> 

in PHP db Wert Wählen Sie mit js Selected Wie in Bootstrap Mehrfachauswahl?

<button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" title="None selected"> 
None selected 
<b class="caret"> 
</b> 

<ul class="multiselect-container dropdown-menu"> 
<li class="multiselect-item multiselect-all"> 
    <a href="javascript:void(0);" class="multiselect-all"> 
    <label class="checkbox"> 
     <input type="checkbox" name="multiselect" value="multiselect-all"> 
     Select all 
    </label> 
    </a> 
</li> 
<li> 
    <a href="javascript:void(0);"> 
    <label class="checkbox"> 
     <input type="checkbox" name="multiselect" value="cheese"> 
     Cheese 
    </label> 
    </a> 
</li> 

Wie Wert in über Bootstrap-Multiselect js setzen? Wie die ausgewählte Option in PHP? Zum Beispiel: Wenn Db-Wert kommt Käse ausgewählten Wert in Multiselect Dropdown?

+0

Ohne den entsprechenden JavaScript/jQuery-Code ist es schwer zu sagen, was Sie vorhaben ... –

Antwort

0

können Sie tun, indem Sie mit der select Funktion des Plugins

$(document).ready(function() { 
    $('#example-getting-started').multiselect(); 

    $('#example-getting-started').multiselect('select', ['cheese', 'pepperoni']); 
}); 

jsbin

0

Aus meiner understandingof Ihr Problem: Sie PHP mit der select mit der Option zu generieren und Sie rufen Sie die Option und ihr ausgewählter/nicht ausgewählter Zustand bildet eine Datenbank. Ihr Code-Snippet sollte in Ordnung sein, Bootstrap Multiselect behält ausgewählte Optionen automatisch bei (sowohl im Multiple- als auch im Single-Modus). Beachten Sie, dass im Einzelmodus (d. H. Einzelauswahl über Optionsfelder) die ausgewählte Option im Bootstrap-Multiselect vorausgewählt ist, während im Mehrfachmodus alle ausgewählten Optionen vorausgewählt werden.

<?php $array = array("apple", "orange", "lemon"); ?> 
<select> <!-- Note that the multiple attribute needs to be present to allow multiple selection. --> 
<!-- Removed the empty option, not sure what it was for ... --> 
<?php foreach ($array as $data): ?> 
    <option value="<?php echo $data ?>" <?php if ($data == "orange") echo "selected=\"selected\""; ?>><?php echo $data ?></option> 
<?php endforeach; ?> 
<!-- Do not forget closing tag. --> 
</select> 

<script type="javascript/text"> 
$(document).ready(function() { 
    // Will preselect "orange" in single selection mode ... 
    $('select').multiselect({ 
     includeSelectAllOption: true 
    }); 
}); 
</script> 

Nach dem Laden der Seite kann die Mehrfachauswahl wie von lcycool beschrieben manipuliert werden.