select多選解決方案

2021-07-26 15:20:46 字數 1336 閱讀 1746

因為專案功能需求的原因,也是第一次做。

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,便...