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

观看博物馆评论（jsfiddle）＆＃34; Genereate＆＃34;所有<options>使用jQuery append（）基于另一个选项形式。

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

1 个答案: