Question

我有一个下拉列表，就像这样：

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

现在根据选择使用值（id）我想使用javascript（即发布）更新页面上的价格。下拉列表中的值是材料的ID，我可以访问页面上的价格，因为所有这些详细信息都以数组形式返回。任何帮助都将不胜感激。

由于

Answer 1

这应该适合你：

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();
});

Javascript下拉列表根据用户选择更新价格？

1 个答案: