0

10個のオプションとID「myselect」を含む選択入力があるとします。ページの読み込み時に、または基本的にできるだけ早く、このように読み込まれたように見せるために、「myselect」で選択されているオプションを確認し、selectが含まれている親である親divにcssクラスを追加するにはどうすればよいですか?

この質問の2番目の部分は、ページの読み込み後に選択を変更した場合、それに応じてcssクラスを変更するための最良の方法は何ですか?onloadではなくonclickのようなものを使用する2番目のjavascriptビットを追加するのが最善でしょうか?

4

1 に答える 1

0

ロードされたらすぐに何かにフックする最良の方法は、HTML要素の直後にインラインJavaScriptブロックを使用することです。document.readyを使用するよりもはるかにエレガントではありませんが、確実に機能します。このようなもの:

<select name="s1" id="S1">...<.select>
<script type="text/javascript">
var sel = document.forms[0].S1;
var ind = sel.selectedIndex; <-- this will tell you which is selected
if(ind==3) {
    document.getElementById("S1").parentNode.setAttribute("className", "active")
}
</script>

2番目の部分では、「onchange」イベントをフックします。

于 2012-08-01T13:39:37.830 に答える