在一个函数中添加更多css类

时间:2012-01-19 13:35:53

标签: onchange onblur onmousedown

我需要用这个创建一个函数: onMouseDown添加该类,onChange表示其他类和onBlur最后一个类。 “.animate”更精彩,但即使没有。也好。

onMouseDown="this.className='styleDropDownClick';
onChange="this.className='styleDropDown'";
onBlur="this.className='styleDropDown'; 

如果anyoane可以帮助我,谢谢。

2 个答案:

答案 0 :(得分:0)

尝试以下功能:

    function styleDropDownClick() {

        var textForm = document.forms["textForm"];
        textForm.fname.setAttribute("class", "styleDropDownClick");
    }
    function styleDropDown() {
        var textForm = document.forms["textForm"];
        textForm.fname.setAttribute("class", "styleDropDown");
    }

这适用于以下HTML:

   <form id="textForm">
       <input type="text" class="styleDropDown" name="fname"
           onBlur="styleDropDown()" onChange="styleDropDown()" onMouseDown="styleDropDownClick()" value="test"/>
       <input type="text" class="styleDropDown" name="fname2" value="test2"/>
   </form>

答案 1 :(得分:0)

固定!我的问题是select的子节点没有使用自动宽度或给定宽度进行扩展。

 $("select").click(function () {
    $(this).children().addClass("cooling");
    });

这是一个例子,它仅适用于IE

http://jsfiddle.net/DCjYA/132/