javascript - 更改时更新 h2

Question

所以出于一些原因，当用户选择他想要的颜色和尺寸时，我需要在产品名称中添加项目颜色和项目尺寸。但是，我只在用户选择了两个选项时才设法更新 h2，并且每次更改选项时我都需要更新标题。

HTML:

<h2 class="item_name" style="float:left;">Quartz-kalvot</h2>

<br><br><strong>V&auml;ri</strong><br />
    <select class="item_Color">
    <option value="Ei valintaa">Valitse väri</option>
    <option value="Violet">Violet</option>
    <!-- ... -->
</select>
<br />
<strong>Koko</strong><br />
    <select class="item_size">
    <option value="Ei valintaa">Valitse koko</option>
    <option data-price="20.00&euro;">25cm x 30cm</option>
    <option data-price="30.00&euro;">50cm x 30cm</option>
    <option data-price="45.00&euro;">100cm x 50cm</option>
</select>

JavaScript:

$(".item_size, item_Color").change(function() {
    var vari = $(".item_Color").val();
    var koko = $(".item_size").val();
    $('.item_name').html("Quartz-kalvot (" + vari + ")(" + koko + ")");
});​

fiddle :http://jsfiddle.net/WVCzY/

Answer 1

您在这里忘记了类选择器的 .；

$(".item_size, item_Color")...

所以事件不会绑定(bind)，修复；

$(".item_size, .item_Color")...