更正jQuery以从选择选项中读取

时间:2014-05-23 13:52:17

标签: javascript jquery

我的脚本似乎没有正常工作,我想要得到的是非常自我解释。我已经尝试了几种不同的方法来完成这项工作,搜索并尝试解决它。​​

我还尝试通过console.log()检查Chrome日志,但它没有运行代码。

所以如果你知道解决方案让它发挥作用我会很感激你如何解决它以及代码中的错误。

新:以下小提琴包含HTML。

jQuery(document).ready(function($){
    $('#cart_review .quantity option :selected').change(function (event) {
        $quan = $(this);
        console.log($quan.parent().next()[0]);
        $quan.parent().next().find('.price').text(function () {
            return $quan.val() * parseInt($(this).attr('data-val'), 10) + ' kr';
        });
            var total = 0;
            $('#cart_review .price').each(function(k, v){
                total += parseFloat($(v).text(), 10); 
            });
            $('#total').text(total + ' kr')
    });

});

查看 jfFiddle

3 个答案:

答案 0 :(得分:2)

选项没有更改事件,选择确实。您需要将处理程序更改为:

 $('#cart_review .quantity').change(function (event) {
     //rest code
 });

<强> jfFiddle

答案 1 :(得分:1)

使用此

 $('#cart_review .quantity').change(function (event) {
 // your logic here
}

而不是

$('#cart_review .quantity option').change(function (event) {}

working fiddle

希望这会有所帮助......

答案 2 :(得分:1)

http://jsfiddle.net/uQ2F8/3/

$(function(){
$('select.quantity').change(function (event) {

嘿,我只是改变了你的选择器,我认为这是你想要完成的。我是用第一个做的。