WordPressにて多階層のドロップダウンメニューで条件分岐、選択した項目の値を取得・合計を出したい。

###前提・実現したいこと
WordPressでドロップダウンを使用し、
1．国名を選択
2．国を判定し、その国の港名を選択
3．注文する商品の系統を選択
(表示)選択した国で設定した値 + 選択した港で設定した値 + 注文する商品の系統に設定した値 = 合計金額
という多階層の見積もりフォームを実装したいです。

例えば、
1.中国を選択(送料$50)
2.中国の港だけを表示＆選択(港A＝$20, 港B＝$10, 港C＝$5など)
3.商品の系統を選択(ミニサイズ=$10, ミディアムサイズ=$15, ラージサイズ=$20)
４. 1+2+3の合計金額を表示
という形にしたいです。

海外の以下のサイトのChangeという部分のようなフォームを作成したいです。
http://www.royal-trading.jp/detail/16197M-2001-TOYOTA-VEROSSA

###発生している問題
私自身あまり経験がないため、調べても調べても分かりません。
Jazzy Formsなどのプラグインでは、ドロップダウンでの条件分岐が出来なかったため、コードを書くという形になりました。

言語はPHP, Javascript, jQuery のどれかが望ましいです。

本当に困っています。
コツだけでも良いので、どうかよろしくお願いいたします。