複数のCSSクラスを1つの関数に追加する

Question

このクラスを追加するには onMouseDown関数を作成する必要があります。他のクラスとonBlurの最後のクラスを変更します。 ".animate"はもっと素晴らしいですが、なくても大丈夫です。

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

もし私が助けてくれれば、ありがとう。

Answer 1

は、次の機能を試してみてください。

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> 

Answer 2

を修正します！私のproblewはselectの子が自動幅または指定された幅で拡大していないということでした。 http://jsfiddle.net/DCjYA/130/：ここ

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

は、それが唯一のIE

ため

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