プルダウンで選択した情報を取得する方法

Question

実現したいこと

プルダウンで500000万円以下、1000000万円以下、2000000円以下のようなプルダウンが10000000円まであり、それ以上は10000000円以上となるプルダウンを作る。
選択したプルダウンの金額に応じて対象の商品を取ってくる処理を教えていただきたい。

発生している問題・分からないこと

選択されたプルダウンの金額に応じて対象の商品を取得してくる処理の作り方が分からない。angularとnode.js Postgresを使用している。

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

調べたが具体的な解決策になる回答が得られなかった

補足

特になし

Comments

[FKM]

具体的なソースコードを提示してください。あと、Angularでなく別の言語ならばそのシステムは自力で作れるのでしょうか？

どんな言語を使ってもいいですが、まずはプロトタイプを作ってみることです。

[h.haruka]

具体的なソースまでは機密的に出せないので伏せています。別の言語なら作れますが、angular、nodeに関しては初学者なので分かっていない状況です。

[FKM]

ReactまたはVue、あるいはJSなら記述可能ですか、だいたいの流れをソースに起こしてくれたら助言を送れるとは思います。

値を取得するということなので、おそらくフォーム周りの制御だと思われますが。
その場合はリアクティブフォームあたりで検索してみるといいですかね。

[Lhankor_Mhy]

https://qiita.com/08302025/questions/ca0ab679925541451870
https://qiita.com/08302025/questions/59692d692f4dc8d3eb65

マルチポストですので、対応願います。
https://teratail.com/help#posted-otherservice

Answer 1

他言語なら作れるとのことなので、まずはJSだけで大まかなプログラムを作ることです。そこにAngularの技術を埋め込んでいきます（Nodeはそこまで詳しくないですが、JSとさほど変わりません）。まずは仕様のAngularのバージョンを確認してください。18以上ならば問題ないです。

簡単なフォーム制御でよければ、リアクティブフォームとシグナルを使うだけで大まかな制御は可能です。

• フォームのやりとり
  単発ならNgModelでもいけますが、複数ならリアクティブフォームの方がやりやすいので、リアクティブフォームで調べる
• 変数の同期制御
  シグナルという同期を可能にする機能がAngular16から実装されているので、それを検索して活用する。

あとテンプレートでの動的プルダウン作成においては、昨今ではビルトインコントロールフローという埋め込み構文を利用できる（従来のNgForに代わる記述方法）ので、そこを調べるといいです。

Angularは新旧の情報が入り混じっており、とりわけAngular14から劇的な変化を遂げています。なので、情報をうまくよりわけて習得を目指して下さい。