最終實現的效果：

HTML代碼：

<div?class=?"row"?style?="margin-top?:10px;">

????????????????????<div?class=?"form-group col-xs-12">

?????????????????????????<label?for=?"sceneModel_title"?class="col-sm-1 col-sm-offset-1 control-label"?>分類:?</label>

?????????????????????????<div?class=?"col-sm-4">

??????????????????????????????<select?class=?"form-control selectpicker"?multiple>

???????????????????????????????????<option>?請選擇</option?>

???????????????????????????????????<option>?游記</option?>

???????????????????????????????????<option>?景點</option?>

???????????????????????????????????<option>?東京</option?>

???????????????????????????????????<option>?日本</option?>

???????????????????????????????????<option>?香港</option?>

???????????????????????????????????<option>?加拿大</option?>

??????????????????????????????</select>

?????????????????????????</div>

?????????????????????????<label?for=?"scene_title"?class="col-sm-1 control-label"?>主題游:?</label>

?????????????????????????<div?class=?"col-sm-4">

??????????????????????????????<select?class=?"form-control selectpicker"?multiple>

???????????????????????????????????<option>?請選擇</option?>

???????????????????????????????????<option>?游船</option?>

???????????????????????????????????<option>?漂流避暑</option?>

???????????????????????????????????<option>?博物館</option?>

???????????????????????????????????<option>?影視基地</option?>

???????????????????????????????????<option>?名勝古跡</option?>

???????????????????????????????????<option>?海島度假</option?>

??????????????????????????????</select>

?????????????????????????</div>

<!-- ????????????????????????<div class="col-sm-10"> -->

<%-- ?????????????????????????????<form:checkboxes path="sceneTypeRelations" items="${sceneTypeMap}" /> --%>

<!-- ????????????????????????</div> -->

????????????????????</div>

???????????????</div>

js代碼：

define(function(require, exports, module) {

?????var?$ = require(?"jquery");

?????require(?"jquery-validation/1.11.1/jquery.validate.min.js"?);

?????require(?"jquery-validation/1.11.1/messages_bs_zh.js"?);

?????require(?"bootstrap/select/bootstrap-select.min.css"?)

?????require(?"bootstrap/select/bootstrap-select.min.js"?)

?????$(document).ready(?function() {

???????????// 聚焦第一個輸入框

??????????$(?"input[name=name]").focus();

???????????// 為inputForm注冊validate函數

??????????$(?"#sceneModel").validate();

???????????var?lon = $("input[name=longitude]"?).val();

???????????if?(lon ==?","?) {

??????????????$(?"input[name=longitude]").val(""?);

??????????}

??????????

??????????jQuery(?'.selectpicker').selectpicker({

??????????????liveSearch:?true,

??????????????size:8

??????????});

?????});

?????module.exports = $;

});