Javascript下拉菜单根据用户的选择更新价格

Javascript dropdown updates the price based on the users selection?

本文关键字：选择 更新 用户 下拉菜单 Javascript      更新时间：2023-09-26

我有一个下拉菜单，像这样:

    <select name="material>
    <option value="1">Wood</option>
    <option value="2">Metal</option>
    <option value="3">Plastic</option>
    </select>

现在基于使用值(id)的选择，我想使用javascript更新页面上的价格(即张贴)。下拉框中的值是材料的id，我可以访问页面上的价格，因为所有这些细节都以数组的形式返回。如有任何帮助，我将不胜感激。

谢谢

这应该可以为您工作:

var price = new Array('','$12.00','$18.00','$0.89');
$(function(){
    $('select[name=material]').change(function(){
       alert(price[$(this).val()]);
    }); 
    // Trigger on dom ready
    $('select[name=material]').change();
});
相关文章：