2017-06-05 5 views
0

私は、テキスト値を表示するためにonmouseoverをoptionタグに追加しようとしています。誰かが私にこれを助けてくれますか?onmouseover属性をJavaScriptに<OPTION></OPTION>に追加するには?

var opt; 

    for (var i = 0; i < response.length; ++i) 
    { 
     var tempResult=new Array(); 
     tempResult=response[i].split('|'); 

     opt = document.createElement("OPTION"); 
     opt.text = tempResult[1]; 
     opt.value= tempResult[0]; 
     opt.title = tempResult[2]; 
     opt.attributes.add 

     matchList.options.add(opt); 
    } 
+0

デフォルトではテキスト値が表示されますが、なぜonmouseoverですか? – Imad

+1

[* MDN:addEventListener *](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener)を参照してください。オプション要素のmouseoverイベントは、複数選択でのみ意味があります。キーボードの操作でマウスオーバーが発生しないか、[* ARIAアトリビュート*](https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics)があるため、アクセスできないことに注意してください。それのために。 – RobG

答えて

0
for (var i = 0; i < response.length; ++i) 
{ 
    var tempResult=new Array(); 
    tempResult=response[i].split('|'); 

    var opt = document.createElement("OPTION"); 
    opt.text = tempResult[1]; 
    opt.value= tempResult[0]; 
    opt.title = tempResult[2]; 
    opt.setAttribute('onmouseover', `alert("mouseover")`); 

    matchList.options.add(opt); 
} 

私はあなたの代わりに、関数やイベントリスナーを学ぶことをお勧めします。これは、インラインJavaScriptよりもはるかに体系化することができます。

関連する問題