一、下拉框操作
实现效果如下：
完整源码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
2024年11月05日
一、下拉框操作
实现效果如下：
完整源码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
2024年11月05日
JavaScript是年度最热门的编程语言,今天你学习它了吗?
开篇先给大家解释一下效果样式:
示例
许多页面都有类似的设置框,点击设置,出现下拉框,点击页面任意位置后,下拉框收起.(oEvent.cancelBubble=true;)
非常简单哦,但是不可否认,非常实用,无论是怎样的网站都需要这样的操作,这里的小技巧将会在下面的代码部分展示:
2024年11月05日
写在前面的话：
这个帖子只是为了记录我在工作中遇到的一些bug，以便日后重蹈覆辙，目前小编还是一名在校大四学生，在公司实习不足半年，可能记录的问题会非常简单和出现一些错误，希望各位浏览的大神一笑而过，不吝指教，文明看帖，拒绝喷子，谢谢！
言归正传，今天在公司做一个多表的级联查询，在做搜索功能时，初始化select下拉框遇到了一些问题，因为下拉框的初始化值需要绑定数据库。一开始我的想法是这样的，代码如下：
<select name="roleId" class="form-control" id="roleId">
2024年11月05日
web前端HTML/CSS教程大纲
本文总结了HTML和CSS的教程大纲，大家可以保存收藏下来的，这个是一个学习大纲页面方便自己找文章，HTML和CSS是前端的基础，这个是需要学的，有了基础后面的JS、vue框架等等，都容易学。
古语有言，名师出高徒，如果跟弱者学习，那么就会成为弱者，跟强者学习，就会成为强者，学习跟混社会是一样的道理，如果你跟精明的商人学习你就会成为商业高手，如果你跟摆地摊的学习，那你就成为摆地摊的货色，学习前端也是如此，如果你是真心想学好前端，你可以来这个群 153775627，前端大神之路正为你敞开！
2024年11月05日
<body>
<select id="头条@plzbefat">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
</body>
<script>
let dom = document.getElementById("头条@plzbefat");
dom.addEventListener("change", (e) => {//监听事件
console.log(e.target.value);//获取select框的值 (就是你雪蕊斯的option的value)
});
</script>
2024年11月05日
【组件功能】：获取下拉框的所有列表选项或选中项信息
通过自动捕获工具捕获(选择元素工具使用方法)或手动填写网页元素的css,xpath，指定对应网页元素作为操作目标