javascript - jQuery .change() 函数问题

Question

我在我的站点上使用 .change() 函数点击这里，用户可以选择他们的产品数量。我遇到的问题是我的图表只将我链接到 12 包而不是 6 包。我检查过 Firebug ，我注意到 JS 创建了两个按钮，我相信链接到 6 件装的按钮开始被 12 件装的按钮重叠。

最终我希望按钮链接相对于价格发生变化。有谁知道我需要在下面添加我的代码来实现这个目标吗？

我只有一个链接按钮，我正在使用表达式引擎，因此会自动创建第二个

<script type="text/javascript">
var message = new Array();
message[1] = "$15.00";
message[2] = "$25.00";
$(document).ready(function(){            
$("#item_select").change(function()
 {
  var message_index
  message_index = $("#item_select").val();
   $(".price-item h3").empty();
    if (message_index > 0)
    $(".price-item h3").append(message[message_index]);
  });
 });
 </script>


{p_cartlink}
 <a href="http:// class="button_atc atc_{url_title}"></a>
 {/p_cartlink}

问题是因为此代码是用于模板的，所以我不希望您使用产品名称 SLEEP-12 和 SLEEP-6 我需要使用产品 ID。是可以为 JS 中的每个按钮创建一个需要的 ID，然后启用和禁用该按钮的方法。例如，当您选择 6 件装时，会出现 6 件装按钮并禁用 12 件装？

Answer 1

你可以这样做

$(document).ready(function() {
    $("#item_select").change(function() {
        var message_index
        message_index = $("#item_select").val();
        // get the correct button
        var $button = $('.price-item right .button_atc').eq(message_index-1);
        // hide button - not the correct one
        $('.price-item right .button_atc').not($button).hide();
        // show correct button
        $button.show();
        $(".price-item h3").empty();
        if (message_index > 0) $(".price-item h3").append(message[message_index]);
    });
});​