connecting...
Google translation for articles :
12 NEMBER donated to you!!

セレクトボックスの作り方

nem22.90xem (12) 250 12 8

こんにちは、ほなねむ@honanem)です。

今日はセレクトボックスってやつを作ってみました。
こんなやつ↓

 

 

作り方

使用コード

</select>
<div class="control">
<div class="select"><select name="select" onchange="location.href=value;">
<option>Select dropdown</option>
<option value="URLを挿入">選択肢1</option>
<option value="URLを挿入">選択肢2</option>
<option value="URLを挿入">選択肢3</option>
<option value="URLを挿入">選択肢4</option>
</select></div>
</div>


</select>
<div class="control">
<div class="select"><select name="select" onchange="location.href=value;">
<option>Select dropdown</option>
<option value="URLを挿入">選択肢1</option>
<option value="URLを挿入">選択肢2</option>
<option value="URLを挿入">選択肢3</option>
<option value="URLを挿入">選択肢4</option>
</select></div>
</div>


これをコピーして、ソースコードマーク<>を押して貼り付ける、「URLを挿入」及び「選択肢」を任意のものに置き換える、これで使えます。
<option value="URLを挿入">選択肢</option>を増やすことで、無限に(かどうかは分からないですが)選択肢を増やすことが可能です。

 

 

 

想定利用状況

なぜブログカード風リンクでなく、これを使うかと申しますと、

合わせて読みたい


例えば上記のリンク先なんですが、前回までの記事がブログカードだとこんなにずらずらーっと長くなってしまっているんですよね。

現時点でこの数。これで全partのまだ半分ぐらいですからねー。
PCだとそこまで気にしなくてもいいかもしれませんが、スマホだと長々とスクロールするのも疲れるし、誤タップをしてしまう危険性もあります。
(目次リンクいれろや!って…はい、そうですね…)

まあこんな感じで長く続くシリーズ物記事を書いていく場合は、こっちのほうが便利…かもしれない。

 

 

終わりに

以上、セレクトボックスの作り方でした。
使う場面はそう多くないかもしれませんが、何かに使えるかもしれません。

さて、時間を見て直していくか、どうするか…。どっちがいいのかな?

 

 

 

ではまた次回!レッツ ネンジョ〜イ!٩( 'ω' )و

Why don't you get crypt currency 'nem' by posting your blog article?

nemlog is blog posting service which has donation feature by crypt currency nem.
nemlog was launched to create environment which can be donated nem among NEMbers via blog articles.
Let's get nem by posting good blogs.

Nem prize event is being held frequently, Please join us on this opportunity!

nemlog registration from here
Register
Comments from NEMber
ほなねむ@魔眼のほなコロ
2019-03-30 13:10:17ID:93279

>>猫さんの下僕ソラネコ::さん
シリーズの人だ!お役に立ててよかったうぇーい(๑•̀ㅂ•́)و✧

ソラネコ@眠りの檻 ニェムカ
2019-03-30 12:04:37ID:93249

シリーズ展開してる人には必須ぅ!
早速使わせてもらいます。
ほなねむさんのおかげで記事のクオリティ上がるぅぅ!

YUTO
2019-03-29 18:53:21ID:92158

>>ほなねむ::さん
これからイベントが多くなって、記事を分割しなくてはいけなくなる時、これは便利です!!
これは、誕生日プレゼントといえそうですww

YUTO
2019-03-29 18:31:17ID:92108

これは、イベントのまとめ記事に使えそうです!!
かなり便利すぎます!!

ほなねむ@魔眼のほなコロ
2019-03-29 18:04:07ID:92044

>>えっさん&小梅ちゃん🎉nemlogコメンテーター::さん>>XEMLIKX::さん>>やそ::さん
ぜひ使ってくださいうぇーい(๑•̀ㅂ•́)و✧
(使う場面あるのかな)

やそ
2019-03-29 18:00:46ID:92040

これ凄い!

NEMber who posted this article

2017年2月からのNEMber
一緒に楽しもうnemlogを!心はいつでも、レッツ ネンジョ〜イ!٩( 'ω' )و
#ほなねむGames #ほなねむオススメアプリ #hona×nemVision #心のブロックチェーンにきざみこみたい言葉
などをやってます
19006
0

Why don't you read following articles?

11.85 XEM
213 10 1

5.63 XEM
235 6 4

5.245 XEM
165 7 0



1.55 XEM
240 28 1


0.35 XEM
180 17 0

ほなねむ@魔眼のほなコロ's articles

1.8 XEM
60 0 0

2.55 XEM
62 6 0

0.9 XEM
57 4 0


0 XEM
56 0 0