HTML リストについて

Question

質問があります。

HTMLでサイトを作りたいと思っているのですが
リストでIFするのは可能なのでしょうか？またどの言語を使い書き方はどのようになるのでしょうか

例　１を選んだら次のリスト一覧には奇数しか出さない
２を選んだら次のリスト一覧には偶数しか出さないなど

教えてもらえると幸いです

Comments

[int32_t]

> １を選んだら

を具体的に説明してください。
例: 「リストと同一ページ上にある <select> で 1 の選択肢を選んだら」

[humans]

同一ページ上に＜select＞が２つあり
仮に２つのselectをselect1,select2と呼んだ場合
＜select1＞が中に[1,2]
<select2>が中に[1,2,3,4,5,6,7,8,9,10]があり

例１ <select1>で１を選んだ場合<select2>では[1,3,5,7,9]しか選ばせないようにする
例２ <select1>で２を選んだ場合<select2>では[2,4,6,8,10]しか選ばせないようにする

こんな感じで大丈夫でしょうか

Answer 1

リストでIFするのは可能なのでしょうか？またどの言語を使い書き方はどのようになるのでしょうか

　可能です。

　サーバサイドで処理をすることもできますが、その程度であればクライアントで処理した方がいいでしょう。JavaScript を使ってください。

　どのように書くかですが、「選んだら」のイベントを受けて、DOMまたはスタイルを変更する形になると思います。JavaScript を勉強してみるのがいいでしょう。

　具体的なコードについては、ご自分で一度書いてみてもう少し具体的な問題に突き当たってから質問した方がいいでしょう。

Comments

[humans]

わかりやすい解説や
書き方を教えてくださりありがとうございます
javascriptのほう勉強してみようと思います。

Answer 2

cssについては親に遡る機能の実装が遅れているため
セレクトボックスを２つ連動させる処理はCSSだけでやるのは無理があります

<style>
[name=r1][value="1"]:checked ~ #s2 option:nth-child(even){
display:none;
}
[name=r1][value="2"]:checked ~ #s2 option:nth-child(odd){
display:none;
}
</style>
<input type="radio" name="r1" value="1" checked>1
<input type="radio" name="r1" value="2">2
</select>
<span>test</span>
<select id="s2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>

Answer 3

HTMLとCSSのみでやるなら、
input[type="radio"]などを使った手法でやるくらいしかないかと。
そして、それも、静的なブロック自体は、自身で用意することになります。
条件によって表示内容を変えるなどは、HTMLとCSSのみではほぼ不可能です。

JavaScriptを使うならば、大幅にリッチコンテキストにすることが可能になります。
DOMのコントロールも、プログラミングによって、条件別で行えますし、
フロントエンドフレームワーク（Reactや、Vueなど）を使えば、それらをさらに効率良く行うことができるでしょう。

また、JSを使わない場合は、
バックエンドで行う必要があるでしょう。
PHPや、Rubyがかなり有名ですが、
Javaや、Pythonでも、Webフレームワークは存在するので、それらでもよいかと。
条件によって表示するブロックを変えるということは容易に行うことができます。

とかく、静的なHTMLのみでは、かなり難しい（ほぼ不可能）と言えます。

書き方はどのようになるのでしょうか

まずご自身でお調べください。
本回答の言語名などで調べれば、必要な情報はわりとすぐ見つかると思います。