Home » jQuery 外掛

[jQ]fcbkListSelection 1.10

[ 日期： | 瀏覽：5,409 | 迴響：12 ]
範例 1
請協助我把這個效果加到我的網站 (只要 1,200 元)
沒錯!只要 1,200 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!



是否覺得 Facebook 在分享訊息給好友時的選擇界面很方便呢？fcbkListSelection 外掛套件可以讓您很簡單的就實做出幾乎一樣的功能。

套件名稱：fcbkListSelection
套件版本：1.10
作者網站：http://www.emposha.com/javascr......nds-selector.html
套件網址：N/A
發佈日期：2011-11-30
檔案大小：7.62 KB
檔案下載：fcbklistselection.js

參數選項說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

elem(必填)
描述： ul 元素 id 或是其它 jQuery 可支援的選擇器及物件
預設值： 無
 
width(選填)
描述： ul 的寬
預設值： 無
 
height(選填)
描述： 每個項目的高
預設值： 無
 
row(選填)
描述： 每行要顯示幾個項目
預設值： 0

方法說明：

檢視原始碼 JavaScript
1
2

// 把指定的元素轉換成 fcbkListSelection 效果
$(selector).fcbkListSelection(elem, width, height, row);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

<link type="text/css" rel="stylesheet" href="fcbklistselection.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="fcbklistselection.js"></script>
<script type="text/javascript">
	$(function(){
		// 把 #fcbklist 轉換成 fcbkListSelection 效果
		// 每兩個 li 為一行
		$.fcbkListSelection('#fcbklist', 400, 50, 2);
	});
</script>
 
<body>
	<form action="test.php" method="post">
		<ul id="fcbklist">
			<li>
				<strong>男丁格爾</strong><br />
				<span class="fcbkitem_text">男丁格爾's 脫殼玩 http://abgne.tw</span>
				<input type="hidden" name="fcbklist_value[]" value="http://abgne.tw" checked="checked" />
			</li>
			<li>
				<strong>Google</strong><br />
				<span class="fcbkitem_text">Google http://www.google.com</span>
				<input type="hidden" name="fcbklist_value[]" value="http://www.google.com" />
			</li>
			<li>
				<strong>標題 1</strong><br />
				<span class="fcbkitem_text">這邊可以輸入描述內容</span>
				<input type="hidden" name="fcbklist_value[]" value="Gustavo Nielsen" />
			</li>
			<li>
				<strong>標題 2</strong><br />
				<span class="fcbkitem_text">這邊可以輸入描述內容, 如果需要的話</span>
				<input type="hidden" name="fcbklist_value[]" value="Gustavo Nielsen" />
			</li>
			<li>
				<strong>Antonio Porchia</strong><br />
				<span class="fcbkitem_text">auto complete & pre added values. If you</span>
				<input type="hidden" name="fcbklist_value[]" value="Antonio Porchia" />
			</li>
			<li>
				<strong>Gustavo Nielsen</strong><br />
				<span class="fcbkitem_text">If you have any comments or requests, please post them and</span>
				<input type="hidden" name="fcbklist_value[]" value="Gustavo Nielsen" />
			</li>
			<li>
				<strong>Silvina Ocampo</strong><br />
				<span class="fcbkitem_text">auto complete & pre added values.</span>
				<input type="hidden" name="fcbklist_value[]" value="Silvina Ocampo" />
			</li>
			<li>
				<strong>Antonio Porchia</strong><br />
				<span class="fcbkitem_text">auto complete & pre added values. If you</span>
				<input type="hidden" name="fcbklist_value[]" value="Antonio Porchia" />
			</li>
		</ul>
		<input type="submit" value="Submit" />
	</form>
</body>

範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

備註：
若要預設是選取的狀態時，只要在 input 元素中加上 checked 屬性即可。

12 筆針對 [jQ]fcbkListSelection 1.10 的迴響

  1. 男丁老師您好,想請問一下 在按下送出按鈕,在測試頁的部分怎麼樣能能只顯示選擇的那些的文字?

    • 有蠻多方式的, 像是可以利用 li[addedid] 來找到被點選的 li, 接著就能從 li 再找裡面的元素了!

    • 你是要在後端那邊取得嗎?基本上抓到的 fcbklist_value 會是個陣列的參數了, 只要跑一下迴圈就能一一取出來了

      • 嗯 我是要把表單送出後取得勾選id的value 如果是一般用chkbox勾選的方式我只要
        $chk=$_POST["chk"];
        for($I=0;$I<count($chk);$I++){
        $aaa="SELECT * FROM table WHERE id='".$id[$chk[$I]]."'";
        echo $aaa."";
        }
        這樣可以取得我有勾選的id value

        但用 fcbklist_value的替用
        我取得的value為 "rand_F1MhMp4vD8l2XMsAF9DnR2t7sFsLXScb":"9"

        接著我使用
        for($I=0;$I<count($fcbklist_values);$I++){
        $aaa="SELECT * FROM table WHERE id='".$id[$fcbklist_values[$I]]."'";
        echo $aaa."";
        }
        卻取不到id的value

        所以才請教老師~

          • 嗯 不好意思 老師 那個筆誤修正了 但仍是得不到我要的value 再問下去我想老師就沒辦法使用這個部份收費....那我想...如果有技術考量 就沒關係...我再研究看看 謝謝老師~

          • 別說的我好像為了收費就不幫你寫程式一樣, 每天那麼多人留言, 我也不會叫他們先付費後才回答,
            但...我也沒那麼多時間去一一針對每一個問題都寫出解答程式, 頂多指出解答的方向..畢竟那是你們自己的工作..不是嗎?

            檢視原始碼 PHP
            1
2
3
4

            $chk=json_decode($_POST['fcbklist_values']);
foreach($chk as $abgne => $value){
	echo $abgne .' = ' . $value.'<br />';
}

          • 啊~ 不是那個意思 就是因為是我們的工作 所以不好意思一直打擾您才會這樣說 希望您別誤會

            sorry~

      • 老師~
        我知道我的問題出在哪了

        json_decode

        (PHP 5 >= 5.2.0, PECL json >= 1.2.0)

        json_decode — Decodes a JSON string

        我的PHP 版本未更新 所以json_decode 無法使用

        謝謝~

發表迴響