thinkphp專案:前端介面中修改資料時自動新增selected 或者 checked
阿新 • • 發佈:2018-12-04
在做專案的時候,常常碰到寫修改頁面mod 的時候,前端介面中有些多項選擇checkbox或者單項選擇radio或者列表選擇select預設是要給他們自動新增被選擇狀態的。這個時候封裝一個自動選中函式就一勞永逸,很方便呼叫。
可以用純原生js來實現。我這裡是混合著Jquery寫的,必須先引入才能正確執行。
(很少寫部落格,語文表達能力不好,寫得不好的地方歡迎指正,交流討論)
他們分別對應的標籤是
標籤 被選中狀態
checkbox checked
radio checked
select selected
例如:
公司分別有:技術部、銷售部、客服部。當前資料中有個會員小李,她是屬於客服部的。
那麼點選修改她的資訊的時候,要預設選中為客服部。如下截圖示:
<select name="group_id" id="" class="col-md-2 form-control"> <option class="group_ops" value="1">技術部</option> <option class="group_ops" value="2">客服部</option> <option class="group_ops" value="3">銷售部</option> </select>
// 自動選中函式 引數:cls_name類名 data值 tag標籤 function auto_select(cls_name,data,tag){ var cls_name = "."+cls_name; var data = data; for (var i = $(cls_name).length - 1; i >= 0; i--) { var opt_val = $(cls_name).eq(i).val(); if( data == opt_val){ $(cls_name).eq(i).attr(tag,tag); } } }//f auto_select('group_ops','{$group_id}','selected');
就這樣,十行程式碼,即可實現自動選中。 第三個引數可以自定義,根據實際情況,使用selected 或者checked 或者其它自定義標籤!