Question

有人可以帮助我吗...我认为我正在学习，但我认为我错了。

我尝试使用.change（）

从ul li选项中打印出值

这是我的代码：

$(document).ready(function() {
    $('.front-color').change(function() {
        var color = $(this).val();
        $('.color_option_hide').hide(); 
        $('#color_option').text(color);
        console.log(color);
    });
});

效果很好！除了#color_option实际上没有显示值的事实！

我哪里出错？

Answer 1

我不知道究竟是什么问题。正如您所经历的那样，有些问题我不知道究竟是什么问题。所以我给你一些测试代码。我希望它会有所帮助。

1）更改$（＆＃39;＃color_option＆＃39;）。text（color）;喜欢关注

$(document).ready(function() {
    $('.front-color').change(function() {
        var color = $(this).val();
        $('.color_option_hide').hide();

        $('#color_option').html(color);

        console.log(color);
    });
});

2）更改$（＆＃39;＃color_option＆＃39;）。text（color）;喜欢关注

$(document).ready(function() {
    $('.front-color').change(function() {
        var color = $(this).val();
        $('.color_option_hide').hide();

        document.getElementById("color_option").innerHTML(color);

        console.log(color);
    });
});

3）实际上，如果上面的代码（包括你的代码）不起作用，我认为选择器将是一个真正的问题。重新检查选择器和代码的ID。并检查选择器是否运行良好，如下所示。

$(document).ready(function() {
    $('.front-color').change(function() {
        var color = $(this).val();
        $('.color_option_hide').hide();

        console.log(document.getElementById("color_option"));
        // or
        console.log($('#color_option').length); // if length === 0, the seletor has problem

        console.log(color);
    });
});

使用输入值更新div

1 个答案: