見積もりフォームの作成について

Question

前提・実現したいこと

事前に準備している値段表をもとに、WEBサイト上で公開する、
以下の図のような見積もりフォームを作成したいです。

▼実現したいこと

・「カテゴリ」を選び、そのカテゴリのパーツを選ぶ（プルダウンの連動）
・そのパーツの価格が表示される。
・必要に応じて行を追加したり、削除できる。
・小計が表示される
・(欲を言えば並び替え機能を実装したい)

▼準備しているデータ（例）

カテゴリ	パーツ	値段
果物	バナナ	200
果物	りんご	250
果物	みかん	300
飲物	サイダー	100
飲物	ジュース	150
飲物	コーヒー	200

発生している問題・エラーメッセージ

jQuery初心者のため、
できれば既存のテンプレートかコードをベースに
見積もりフォームを作成したいです。

類似のフォームのコードやプラグインが配布されているサイトをご存知だったり、
コードのサンプルや、既存のサービス等でもっと簡単に作れる方法を
ご教示頂けるようでしたら大変助かります。
(昨日からいろんなサイトを見て回ったのですが、見つけられませんでした…)

何卒よろしくお願いいたします。

Answer 1

「見積フォーム サンプル　HTML」でそれなりに出てきますが、「完全に自分のやりたいことと一致」しているものって世の中にそうそうないので、結局は自分で作るしかないかと。
お手軽にしたいのでしたらWordPressなどのCMSからフォーム系のプラグインでフォームをカスタマイズするのが良さそうです。
もちろん「カスタマイズ」もプラグインの範疇を超えるようであればプラグイン自体をカスタマイズする必要があります。

Comments

[sck0930]

回答ありがとうございます。
部分的には要望と一致するサンプルコードがそれぞれみつかったので、
組み合わせながら実現してみます。ありがとうございました。

[m.ts10806]

はい。ただ「フォーム入力内容を送信」などとなるとphpなどサーバーサイドの言語が必要になってきますので。