HTML-Formular：ユーザー選択時に与えられた選択オプションを表示

Question

異なるモデルの製品が巨大な選択リスト形式で終わる、それほどクールなショップサービスを使用しています。私たちが7種類のチーズタイプ、3種類のパンタイプを21種類と言えば21種類のオプションがあります。製品を検証する方法は、チーズを含む各パンのID（12345）を確認することです。

例

<form action="https://www.not-so-cool.com/shop/checkout/" method="get" class="form-inline" target="_blank"> 
    <input type="hidden" name="id" value="54321"> 
    <input type="hidden" name="pid" value="543211"> 
    <select name="md" class="form-control"> 
     <option>Choose</option> 
     <option value="12345"> A 3.50 $</option> 
     <option value="12346"> A 2.00 $</option> 
     <option value="12347"> A 3.00 $</option> 
     <option value="12348"> A 1.00 $</option> 
     <option value="12349"> A 2.50 $</option> 
     <option value="12350"> A 1.50 $</option> 
     <option value="12351"> A 4.50 $</option> 
     <option value="12345"> B 3.50 $</option> 
     <option value="12346"> B 2.00 $</option> 
     <option value="12347"> B 3.00 $</option> 
     <option value="12348"> B 1.00 $</option> 
     <option value="12349"> B 2.50 $</option> 
     <option value="12350"> B 1.50 $</option> 
     <option value="12351"> B 4.50 $</option> 
     <option value="12345"> B 3.50 $</option> 
     <option value="12346"> C 2.00 $</option> 
     <option value="12347"> C 3.00 $</option> 
     <option value="12348"> C 1.00 $</option> 
     <option value="12349"> C 2.50 $</option> 
     <option value="12350"> C 1.50 $</option> 
     <option value="12351"> C 4.50 $</option> 
     <option value="12351"> C 4.50 $</option> 
    </select> 
    <input type="submit" value="buy!" class="btn btn-success btn-lg"> 
</form> 

美しい右？
あなたは、ユーザーにpunタイプの事前選択を与え、残りの7つのチーズタイプのみを表示する方法を知っていますか？
または、pun型に関連する7つのチーズタイプのフォームを既に定義したハードコードされたフォームのみを表示しますか？

Answer 1

watch musefans comment（jsfiddle）。
"Genereate"すべて<options>とjQuery append（）は、別のオプションフォームに基づいています。