小编The*_*ser的帖子

我有一个包含大量选项的HTML表单,我想根据之前的用户选择更改这些选项中的值:假设我有类似这样的内容:

<select name="fruit">
    <option value="apple">Apple</option>
    <option value="banana">Banana</option>
    <option value="peach">Peach</option>
</select>

根据用户选择的内容,我希望在显示不同值后显示另一个下拉列表.如果用户在第一个下拉列表中选择"Apple",则会出现这样的情况:

<select name="price">
    <option value="3">Apple 1kg 3€</option>
    <option value="5">Apple 2kg 5€</option>
    <option value="7">Apple 3kg 7€</option>
</select>

如果他选择"香蕉",这样的东西:

<select name="price">
    <option value="4">Banana 1kg 4€</option>
    <option value="7">Banana 2kg 7€</option>
    <option value="10">Banana 3kg 10€</option>
</select>

值和文本需要根据第一个下拉列表进行更改,因为香蕉的价格与苹果不同,依此类推.我读了一些关于它的线索,但我真的无法理解我需要做些什么来实现这一点.我之前和之后从未接触过ajax:根据另一个下拉列表的值更改droplist的值我需要一些关于它的基本内容.是否可以只使用JavaScript？