我有兩個選擇標記。他們的ID是「研究階段」和「研究年」。 我想當學習階段的價值來處理一個CSS代碼。onchange =「」在選擇標記中不起作用
HTML:
<select name="study-phase" onchange="myFunction()" id="study-phase" class="sp-input">
<option value=""></option>
<option id="pri" value="pri">Primary</option>
<option id="pre" value="pre">Prep</option>
<option id="sec" value="sec">Secondary</option>
</select>
<select name="study-year" id="study-year" class="sp-input">
<option value=""></option>
<option id="a" value="aa">Grade 1</option>
<option id="b" value="">Grade 2</option>
<option id="c" value="">Grade 3</option>
<option id="d" value="">Grade 4</option>
<option id="e" value="">Grade 5</option>
<option id="f" value="">Grade 6</option>
<option id="g" value="">Grade 7</option>
<option id="h" value="">Grade 8</option>
<option id="i" value="">Grade 9</option>
<option id="j" value="">Grade 10</option>
</select>
<style type="text/css">
#a , #b , #c , #d , #f , #g , #h , #j , #k , #e , #i {
display: none;
}
</style>
JS:
而且之後運行的代碼,我想不啓動CSS代碼。 這裏有什麼問題?使用.change()
事件
你應該看到在瀏覽器控制檯中的語法錯誤。 – Pointy
不僅僅是一個解決方案 - 我建議將樣式移動到樣式表中,如果這不是一個選項,至少要把它放在正確的位置(頭標籤)。也沒有內聯js! – ThisGuyHasTwoThumbs
@Pointy 瀏覽器控制檯中沒有語法錯誤。 –