                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

任务目标：当"职业"选项为默认(即内容为空)时，点击下边的文本框弹窗，否则不弹窗。

这个怎么做，利用现有的知识点能做到吗？我的思路是不是错了？

苏子晨

2017-04-24

源自：JavaScript进阶篇 6-5

关注问题我要回答

884

操作

收起

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>