                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

改良版的光標聚焦事件，做到一半卡住了【6-5】

任務目標：當"職業"選項為默認(即內容為空)時，點擊下邊的文本框彈窗，否則不彈窗。

這個怎么做，利用現有的知識點能做到嗎？我的思路是不是錯了？

蘇子晨

2017-04-24

源自：JavaScript進階篇 6-5

關注問題我要回答

916

操作

收起

5 回答

feno 回答被采納 +3 積分
2017-04-24

function?message()?{
var?a?=?document.querySelector('select[name="career"]');
if?(a.value?==?"")?{
alert("請先選擇您現在的職業！");
}
}

1 回復有任何疑惑可以回復我~

收起回答

蘇子晨提問者

原來是要取select標簽的value值！謝啦

2017-04-24 回復有任何疑惑可以回復我~

qq_你好再見_7
2017-04-25

.value

0 回復有任何疑惑可以回復我~

收起回答

sha_3shayu
2017-04-24

getElementsByClassName獲取的是一個集合

0 回復有任何疑惑可以回復我~

收起回答

蘇子晨提問者
2017-04-24

@樓上

我試了id和classname也不行啊，要么全不彈，要么全彈，哪里不對么。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 光標聚焦事件 </title>
? <script type="text/javascript">
??? function message(){
????? var arr=document.getElementsByClassName("opt").innerHTML;
????? if(arr=null){
?? alert("請先選擇您現在的職業！");
?}}
? </script>
</head>
<body>
請選擇您的職業：<br>
? <form>
??? <select name="career">
????? <option class="opt" id="nul"></option>
????? <option class="opt">學生</option>
????? <option class="opt">教師</option>
????? <option class="opt">工程師</option>
????? <option class="opt">演員</option>
????? <option class="opt">會計</option>
??? </select></br>
??? 您的年齡：</br>
??? <input type="text" id="txt" onfocus="message()">
? </form>
</body>
</html>