前言:今天使用到dwz的combox元件,根據官方API上寫的“value屬性則用來指定combox的預設值”,但是經過實踐發現,該屬性并沒有起到作用,結合到dwz的檢索功能,還會重新重新整理目前navTab,經過對dwz源碼的分析,做了以下的調整
第一步:先對頁面做以下處理,把text值和value值寫一緻,另外在select上加上一個擴充的屬性svalue
<label>狀态:</label>
<c:choose>
<c:when test="${status != null}">
<select class="combox" id="status" name="status" svalue="${status}">
<option value="全部">全部</option>
<option value="啟用">啟用</option>
<option value="停收新單">停收新單</option>
<option value="停用賬戶">停用賬戶</option>
</select>
</c:when>
<c:otherwise>
<select class="combox" id="status" name="status" svalue="啟用">
<option value="全部">全部</option>
<option value="啟用">啟用</option>
<option value="停收新單">停收新單</option>
<option value="停用賬戶">停用賬戶</option>
</select>
</c:otherwise>
</c:choose>
第二步:修改dwz.combox.js,見如下位置
return this.each(function(i){
var $this = $(this).removeClass("combox");
var name = $this.attr("name");
var value= $this.attr("svalue");
var label = $("option[value=" + value + "]",$this).text();
var ref = $this.attr("ref");
var refUrl = $this.attr("refUrl") || "";
将原來的“var value = $this.val()”修改為“var value = $this.attr("svalue")”
經過以上内容的修改,就可以直接通過select的svalue對下框進行指派操作。