2016-07-06 14 views
0

MultiselectブーストラップドロップダウンでPHPのような選択ドロップダウンリストで選択されたDb値を選択する方法?ブーストマルチセレクションjsのDB値から選択したボックス値の選択方法?

例えばPHPのコーディング、PHPのデシベル値で

$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 } ?> 

はどのようにブートストラップ複数選択jsファイルで、選択を使用して選択しますか?上記のブートストラップの複数選択のJSに値を設定する方法

<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> 

?例えばPHPで選択されたオプションのようなものです:もしdb値がチーズになるのがMultiselectドロップダウンで選択された値を意味するのであれば?

+0

対応するJavaScript/jQueryコードがないと、あなたが何をしているのかが分かりません。 –

答えて

0

あなたはプラグイン私の問題understandingofから

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

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

jsbin

0

select機能を使用していることを行うことができます:あなたは、そのオプションで選択を生成するためにPHPを使用していて、オプションを取得選択された/選択されていない状態がデータベースを形成する。あなたのコードスニペットはうまくいくはずです。ブートストラップMultiselectは自動的に選択されたオプションを(複数モードとシングルモードの両方で)保存します。シングルモード(ラジオボタンによる単一の選択)では、の最後の選択されたオプションはブートストラップマルチセレクションで事前選択され、マルチモードではすべての選択されたオプションが事前選択されることに注意してください。

<?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> 

ページロード後、マルチセレクションはlcycoolの記述に従って操作できます。

関連する問題