我在做表單驗證,如果下拉菜單選中的是“請選擇”,那就顯示出后面的提示文字。html 如下:
<select class="span3" id="phase">
<option>請選擇</option>
<option>小學(xué)</option>
<option>初中</option>
<option>高中</option>
<option>幼兒園</option>
</select>
<span class="help-inline c-81f" style="display:none;">請選擇學(xué)段</span>
<a class="ks-button ks-button-primary" href="javascript:;" id="submit">提交</a>
js 是這樣寫的:
var oBtnSub=document.getElementById('submit');
var oSelPh=document.getElementById('phase');
var sTxtP=oSelPh.options[oSelPh.selectedIndex].text;
var oSpanP=oSelPh.nextElementSibling || oSelPh.nextSibling;
oBtnSub.onclick=function(){
if(sTxtP!='請選擇'){
return;
}
else{
oSpanP.style.display='inline-block';
}
};
現(xiàn)在的結(jié)果是無論我選擇哪個選項,都會出現(xiàn)文字提示。求高手解答,問題出在哪兒了?
如何根據(jù)下拉菜單的選項執(zhí)行代碼?
猛跑小豬
2018-12-07 04:11:48