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

首页课程实战体系课手记专栏慕课教程

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

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

苏子晨

2017-04-24 15:21

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

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

写回答关注

5回答

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

已采纳

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

苏子晨

原来是要取select标签的value值！谢啦

2017-04-24 17:16:04

共 1 条回复 >

qq_你好再见_7

2017-04-25 11:19:28

.value

0 0
sha_3shayu

2017-04-24 16:41:24

getElementsByClassName获取的是一个集合

0 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 0
qq_你好再见_7

2017-04-24 15:30:20

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

1 0

苏子晨

我试了id和classname也不行啊，要么全不弹，要么全弹，哪里不对么。看楼下代码

2017-04-24 15:56:57

共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468196 学习 · 21891 问题

相似问题

光标聚焦事件

回答 2

光标聚焦事件

回答 2

6-5 光标聚集事件

回答 4

关于JS进阶篇 6-5光标聚焦事件（onfocus）的一些问题

回答 3

光标聚焦？

回答 1

打开慕课网App查看更多内容