Question

我在我的magento简短描述文字区域中添加了字符数。现在我想要在文本区域中输入超过10个字符时更改它的颜色。

这是我的代码：

Event.observe(window, 'load', function() {

    Element.insert( $('short_description').up().next().down('span'), { 
        'after': "<div id='short_description_counter'>Char count: <span id='short_description_counter_num'>"+$('short_description').getValue().length+"</span></div>"
    });

    Event.observe('short_description', 'keyup', function(event) {   
        $("short_description_counter_num").update(this.getValue().length);
    });

    var short_description_counter_num = "";
    if(short_description_counter_num > 10)
    {
        document.getElementById("short_description_counter_num").style.color="#FF0000";
    }else{
        document.getElementById("short_description_counter_num").style.color="#000000";
    }

});

当我更改＆gt;时它会改变颜色到＆lt;，但是当我输入时它不会在飞行中发生。在我的文本字段中。

代码是这个的修改版本： http://jsbin.com/isisur/2/edit

Answer 1

问题出在这些方面

var short_description_counter_num = "";
if(short_description_counter_num > 10)

您正在将字符串与整数进行比较确保两者都是integers

var short_description_counter_num = this.getValue().length;

http://jsbin.com/isisur/18/edit

Javascript - 使用if / else更改特定值的颜色

1 个答案: