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

源自：6-5 光标聚焦事件（onfocus）

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

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

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

提问者：苏子晨 2017-04-24 15:21

个回答

feno: 2017-04-24 17:05:56

已采纳

function message() {
var a = document.querySelector('select[name="career"]');
if (a.value == "") {
alert("请先选择您现在的职业！");
}
}

qq_你好再见_7

2017-04-25 11:19:28

.value

0
sha_3shayu

2017-04-24 16:41:24

getElementsByClassName获取的是一个集合

0
苏子晨

2017-04-24 15:55:53

@楼上
我试了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>

0
qq_你好再见_7

2017-04-24 15:30:20

要加if判断，判断文本框内容是否为空。文本框内容要document.getElementById获取。

0