HTML-Formular：在用户选择时显示给定的选择选项

Question

我们使用的不是很酷的商店服务，不同型号的产品最终会以巨大的选择列表形式出现。 如果说7种不同的奶酪类型，3种不同的包子类型，则就像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>

美丽吧？
你们知道一种如何为用户提供双关语预选并仅显示其余7种奶酪类型的方法吗？
还是仅显示硬编码形式（我们已经定义了与双关语类型相关的7种奶酪类型）？

Answer 1

观看musefans的评论（jsfiddle）。
基于另一个选项格式，使用jQuery append（）“生成”所有<options> 。