Question

我有一些变量存储在Javacript中，如下所示：

 var prices = {
 'product1' = '3,99',
 'product2' = '5,99' };

我有一个选择元素，如下所示：

 <select name="product">
 <option value="product1">Product 1</option>
 <option value="product2">Product 2</option>
 </select>

我有一个DIV，看起来像这样：

 <div id="price"></div>

我想要做的是，当您在select元素中选择产品时，价格将从var price加载到DIV中。有没有办法使用onchange执行此操作，还是需要使用其他方法？

我已经尝试更新变量的数据，如下所示：

 var prices = name[price];
     function updatevariable(data) { 
         value = data;
         alert(value);
     } 

  <select onchange="document.getElementById('size').onchange = function() {
                         var value = this.options[this.selectedIndex].value;
                         showSize(value);>

Answer 1

请参阅jsFiddle demo

HTML：（注意：我在您的选择中添加了一个ID

<select id="product" name="product">
    <option value="product0">Choose one</option>
    <option value="product1">Product 1</option>
    <option value="product2">Product 2</option>
</select>
<div id="price"></div>

<强>的javascript：

var item, pr;
var prices = {
    'product1' : '3,99',
    'product2' : '5,99' 
};

$('#product').change(function() {
    item = $(this).val();
    pr = prices[item];
    $('#price').html(pr);
});

Answer 2

这个怎么样：

<select onchange="javascript:document.getElementById('price').innerHTML = this.value" name="product">

更改DIV onchange中的文本

2 个答案: