ホームページ > 記事 > ウェブフロントエンド > ブートストラップ選択プラグインはどのようにして複数選択ボックスを実装しますか? (コード)
HeBeiTianQi.jsp ページ
<!--bootstrap-select .css引用--> <link rel="stylesheet" href="static/bootstrap-select/bootstrap-select.min.css" /> <body> <div class="col-sm-2" style="width:250px"> <label class="control-label" for="txt_search_departmentname">灾害类别</label> <select class="selectpicker" multiple id="disasterType" name="slt_followDisasterType"> <option value="全部">全部</option> <option value="暴雨洪涝">暴雨洪涝</option> <option value="干旱">干旱</option> <option value="风灾">风灾</option> <option value="冰雹">冰雹</option> <option value="雷电">雷电</option> <option value="大雾">大雾</option> <option value="沙尘暴">沙尘暴</option> <option value="高温热浪">高温热浪</option> <option value="渍涝">渍涝</option> <option value="干热风">干热风</option> <option value="气象地质灾害">气象地质灾害</option> <option value="风暴潮">风暴潮</option> <option value="病虫害">病虫害</option> <option value="森林草原火灾">森林草原火灾</option> <option value="龙卷">龙卷</option> </select> </div> <!--bootstrap-select .js引用--> <script src="static/bootstrap-select/bootstrap-select.js"></script> </body>
HeBeiTianQi.js
$('#disasterType').selectpicker('val', ['全部']);//赋初始值 //获取 TianQi.jsp页面 选择的灾害类型值(可多选) function disasterTypeVal(){ var optionSelect=$('#disasterType').find("option:selected").val('value'); var optionSelectValArr=new Array(); var len=""; for(var i=0,len=optionSelect.length;i<len;i++){ var optionSelectVal=optionSelect[i].text; //获取数组 option的值 optionSelectValArr.push(optionSelectVal); } var disasterTypeStr=optionSelectValArr.join(","); return disasterTypeStr; }
関連推奨事項:
#AngularJs ブートストラップがドロップダウン選択ボックスを実装する方法の詳細な説明
以上がブートストラップ選択プラグインはどのようにして複数選択ボックスを実装しますか? (コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。