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

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

nem22.90xem (12) 426 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
ほなねむ.nem
2019-03-30 13:10:17ID:93279

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

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

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

ほなねむ.nem
2019-03-29 20:31:54ID:92339

>>やってみよう::さん
ありがとうございます!そう言っていただけると、嬉しいです

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

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

ほなねむ.nem
2019-03-29 18:48:49ID:92154

>>YUTO::さん
良かったです!どう使うのか、楽しみ~

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

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

ほなねむ.nem
2019-03-29 18:04:07ID:92044

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

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

これ凄い!

NEMber who posted this article

・2017年2月からNEMberやってます。
・ゲーマー
・11歳のキジトラの奴隷

今日も楽しい一日でありますように!
nemjoy today!٩( 'ω' )و.
19006
0

Why don't you read following articles?

1.7 XEM
365 1 0


127.79 XEM
748 22 5


21.7514 XEM
147 10 1

95.75 XEM
266 2 0

12.8 XEM
269 5 0

209.8514 XEM
204 8 1