#author("2022-07-06T04:29:04+09:00;2022-03-24T17:52:51+09:00","default:kanateko","kanateko")
#author("2023-07-19T17:18:14+09:00;2022-03-24T17:52:51+09:00","default:kanateko","kanateko")
&tag(プラグイン,自作,追加);

CENTER:#ref(select.jpg,center,wrap,400x0)

#contentsx

*連動可能なプルダウンを設置するプラグイン [#bfb5ba6e]
#infobox(plugin){{
name=select
pukiwiki=1.5.3
ver=1.3
update=2022-03-24
}}

select要素を使ったプルダウンを設置するプラグイン。
グループワードを設定することで、プルダウンの選択肢が変更された場合に、同じグループになっているプルダウンも連動して選択肢が変更される。

:このプラグインでできること|
-任意の項目数のプルダウンを設置できる
--グループワードを設定すれば複数のプルダウンを連動させられる
--select要素のname属性とプルダウンの (文字) サイズを変更可能

*ダウンロード [#r71da5ed]
最新: [[GitHub>https://github.com/kanateko/pukiwiki-plugin]]

|~日付|~バージョン|~備考|h
|2022-03-24|1.3|#ul(スタイル要素の変更機能をいくつか追加)|
|2022-03-23|1.2|#ul(スクリプト部分を改善)|
|~|1.1|#ul(テーブル内でも使えるようにするため、代替セパレータの設定を追加)|
|~|1.0|#ul(初版作成)|

*セットアップ [#c66ea42c]
+GitHubにある「select.inc.php」をダウンロードしてpluginフォルダに入れる

*プラグイン設定 [#h447ccdc]
:SELECT_ALT_SEPARATOR|テーブル内でも使えるようにするための代替セパレータ。デフォルトは"~"

*使用方法 [#se5eec44]
  &select(<項目1|項目2|項目3|...>[,オプション]){[グループワード]};

テーブル内で使用する場合はセパレータがテーブルの書式と競合してしまうので代替セパレータを使用する。

**オプション [#v9da4e11]
:name=|select要素のname属性を変更する
:size=|文字サイズを変更する
:color=|文字色を変更する
:bg=|背景色を変更する
:border=|枠線のスタイルを変更する
:transparent|枠線と背景を消す

*使用例 [#c6e74cba]
とあるWikiでの実際の使用例

#tab{{{
#:表示
カオス・レベル:&select(1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20,size=20px){chaos};

#flex(flex-start,180,class=table_compact){{
|~敵のライフ|
|CENTER:180|c
|&select(+25%~+49%~+74%~+99%~+125%~+150%~+176%~+202%~+229%~+255%~+282%~+310%~+337%~+365%~+394%~+422%~+451%~+481%~+511%~+541%,transparent,size=16px){chaos};|
#-
|~敵のダメージ|
|CENTER:180|c
|&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
#-
|~獲得経験値|
|CENTER:180|c
|&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
#-
|~獲得ゴールド|
|CENTER:180|c
|&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
#-
|~獲得ムーン・オーブ|
|CENTER:180|c
|&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
#-
|~戦利品の運|
|CENTER:180|c
|&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
#-
|~カオティックのドロップ率|
|CENTER:180|c
|&select(3.85%~5.66%~7.41%~9.09%~10.71%~12.28%~13.79%~15.25%~16.67%~18.03%~19.35%~20.63%~21.88%~23.08%~24.24%~25.37%~26.47%~27.54%~28.57%~28.17%,transparent,size=16px){chaos};|
#-
|~ヴォラタイルのドロップ率|
|CENTER:180|c
|&select(0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~1.41%,transparent,size=16px){chaos};|
}}

#:ソース
 カオス・レベル:&select(1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20,size=20px){chaos};
 
 #flex(flex-start,180,class=table_compact){{
 |~敵のライフ|
 |CENTER:180|c
 |&select(+25%~+49%~+74%~+99%~+125%~+150%~+176%~+202%~+229%~+255%~+282%~+310%~+337%~+365%~+394%~+422%~+451%~+481%~+511%~+541%,transparent,size=16px){chaos};|
 #-
 |~敵のダメージ|
 |CENTER:180|c
 |&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
 #-
 |~獲得経験値|
 |CENTER:180|c
 |&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
 #-
 |~獲得ゴールド|
 |CENTER:180|c
 |&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
 #-
 |~獲得ムーン・オーブ|
 |CENTER:180|c
 |&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
 #-
 |~戦利品の運|
 |CENTER:180|c
 |&select(+4%~+8%~+12%~+16%~+20%~+24%~+28%~+32%~+36%~+40%~+44%~+48%~+52%~+56%~+60%~+64%~+68%~+72%~+76%~+80%,transparent,size=16px){chaos};|
 #-
 |~カオティックのドロップ率|
 |CENTER:180|c
 |&select(3.85%~5.66%~7.41%~9.09%~10.71%~12.28%~13.79%~15.25%~16.67%~18.03%~19.35%~20.63%~21.88%~23.08%~24.24%~25.37%~26.47%~27.54%~28.57%~28.17%,transparent,size=16px){chaos};|
 #-
 |~ヴォラタイルのドロップ率|
 |CENTER:180|c
 |&select(0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~0.00%~1.41%,transparent,size=16px){chaos};|
 }}

}}}


*追加したい機能 [#p5860edc]
-%%色関係の変更とか%%v1.3で実装
-初期インデックスの指定

*備考 [#pce650c6]
-現在このサイトで使用しているプラグインと配布版で内容に若干差異があるが、スクリプトがプラグインのファイルに含まれてるか否かというだけで動作に違いはない。
-ぶっちゃけ使いづらいので全体的に改善したい。

*コメント [#d0888ec3]
#pcomment(reply)