因為專案功能需求的原因,也是第一次做。
2個問題:
1,首先就是解決選項的多選問題;
2,然後就是多選操作結果從資料庫查詢出來後,如何初始化這個多選項。
,但是都卡死在了上面第二個問題的解決方案(有知道的望告知);最終敲定了multiple select。
multiple select 是乙個通過核取方塊來選擇多元素的 jquery 外掛程式:).
使用環境:
詳見:
至於引用,也就是第乙個問題:
<link
rel=
"stylesheet"
type=
"text/css"
href=
"/css/multiple-select.css"
/> //樣式
<
script
src=
"/framework/multiple-select.js"
>; //js
$(function() ).multipleselect();});這個逐漸是基於bootstrap的,當然你也可以不適用那就引用上面的兩個元件就可以了。
*****=重點是第二個問題,我在multiple select的文件上查到了*****=
文件中:
setselects
設定 multiple select 的內容。
引數: values
型別: array
選擇框的內容資訊。
$('select').multipleselect('setselects', [1, 3]);
[1, 3]就是從資料庫查出來的資料,放在這裡顯示。
在這裡需要注意的是:
我資料庫的資料str=1,2,3 但是當我這樣寫時
$('select').multipleselect('setselects', [str]);瀏覽器後台報了型別錯誤
var s解決方案:
=str;
var
strs= new array(); //
定義一陣列
strs=s.split(","); //
字元分割
$('#periods').multipleselect('setselects', strs);//id=periods 是select框的
mysql 解決方案 Mysql解決方案
mysql解決方案 一 centos7安裝mysql5.7 wget rpm uvh mysql80 community release el7 3.noarch.rpm yum repolist all grep mysql 發現預設mysql8.0是預設安裝的,然而我們要安裝的是mysql5.7...
select標籤中設定唯讀幾種解決方案
需求 唯讀但需要傳遞到後台。readonly 設定對select標籤無效!方式一 直接在標籤中用js方法設定不可變更 推薦 方式二 先利用disabled 屬性顯示,但需要在表單提交前移除disabled屬性。否則無法向後台傳遞該引數 pid readonly readonly disabled d...
select接收後台返回值的解決方案
在做頁面表單或者條件篩選的時候,如何把select標籤的值,在重新整理頁面後,保持選擇的值。下面,將給出兩種解決方案 前提 前台select標籤 name為type 後台接收type的值,業務完成後把type值反回給頁面。一 利用jquery為select標籤賦值。第1步 為select增加id,便...