1. 程式人生 > >Beego框架下拉框選項顯示

Beego框架下拉框選項顯示

通過前面的分析,我們知道每次下拉框都是重新從資料庫中獲取型別資料進行繫結,這裡面我們就需要對選中的型別加一個判斷,當從資料庫中取出的資料是選中的型別時,就給下拉框選項屬性selected設定為true。首先後臺要傳遞當前選中的型別名稱給檢視,程式碼如下:

//傳遞當下拉框選擇的型別名給檢視
this.Data["typeName"] = typeName

<select name="select" id="select" class="sel_opt">
   {{range .articleTypes}}
        {{if compare .Tname $.typeName}}
              <option selected="true">{{.Tname}}</option>
        {{else}}
              <option>{{.Tname}}</option>
        {{end}}
   {{end}}
  • 前端程式碼處理 檢視中我們接收控制器傳遞過來的當前選中型別,然後與資料庫中的型別名進行比較,如果相同就設定選中不同就不設定,程式碼如上所示。

    需要注意的是,如果是在迴圈中獲取控制器傳遞過來的資料,不能直接用. ,要用$. 然後重新整理頁面,我們發現問題能夠解決了。