Javascript 更改时显示数据属性的值

我必须链接选择控制器，用户可以选择曝光，然后根据他们选择的曝光类型单击软件包。我的问题是显示这些包裹的价格

目前我正在尝试这样做：

<select id='mark' name='mark'>
    <option value=''>--</option>
    <option value='micro'>Micro Exposure</option>
    <option value='mini'>Mini Exposure</option>
</select>
<select id='clicks' name='series'>
    <option value=''>--</option>
    <option value='clicks-2500' class='micro' data-price='4'>2500 Clicks</option>
    <option value='clicks-5000' class='micro' data-price='7'>5000 Clicks</option>
    <option value='clicks-10000' class='micro' data-price='13'>10000 Clicks</option>
    <option value='clicks-500' class='mini' data-price='4'>500 Clicks</option>
</select>
<script>
    $(function() {
        $('.micro').change(function() {
            $('#amountDiv').text($(this).data('price'));
        });
    });

    $(function() {
        $('.mini').change(function() {
            $('#amountDiv').text($(this).data('price'));
        });
    });
</script>
<div id='amountDiv'></div>

--
微曝光
微曝光
--
2500次点击
5000次点击
10000次点击
500次点击
$（函数（）{
$（'.micro'）.change（函数（）{
$（'#amountDiv'）.text（$（this.data（'price'））；
});
});
$（函数（）{
$（'.mini'）.change（函数（）{
$（'#amountDiv'）.text（$（this.data（'price'））；
});
});

如您所见，我使用HTML5数据属性存储软件包的价格，但无法在

#amountDiv

---

有什么办法吗？

使用select的onchange事件：

$('#clicks').change(function () {
    alert($(this).find('option:selected').data('price'));
});

---

哦，当然可以。编辑我的问题。但是，它仍然不起作用。更改时不会发生任何事情..是的，因为选项没有onchange事件，所以选择gotOh。那么如何才能在更改时显示数据属性？数据属性“pricepack”在哪里？我只看到价格。对不起，我写错了。我现在用“价格”更新了我的问题。（虽然没有解决我的问题）没有那么多空格和空行，阅读起来容易多了；）