<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<button id="thisBtn">thisBtn</button>
<input id="thisInput" list="thisList">
<datalist id="thisList">
<option id="opt1">opt1</option>
<option>opt2</option>
<option>opt3</option>
<option>opt4</option>
</datalist>
<script type="text/javascript">
$().ready(function(){
console.log("文档读取完毕");
$("#opt1").click(function(){
alert(1);
});
});
</script>
</body>
</html>
option标签可以设置事件吗?(附demo)
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
5条回答 默认 最新
qq_19891827 2016-02-25 02:19关注可以考虑使用ul、li模拟select、option的效果。这样即达到了你想要的效果，兼容性又没有问题
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2016-02-24 14:45回答 5 已采纳 可以考虑使用ul、li模拟select、option的效果。这样即达到了你想要的效果，兼容性又没有问题
- 2021-12-06 11:22回答 3 已采纳 可以的 .el-select-dropdown__item:hover { color: red; font-size: 30px; }
- 2022-12-27 16:13回答 4 已采纳 1、在 HTML 中定义下拉列表框和表格。 <select id="state"> <option value="">未查看</option> <op
- 2020-12-27 20:07欧皇小德子的博客 文章目录HTML ＜html＞,,,,,标签HTML 实例中文编码HTML ＜table＞,标签HTML table 标签HTML tbody 标签HTML input 标签HTML script 标签HTML 事件属性全局事件属性窗口事件属性（Window Event Attributes）表单事件...
- 2021-09-28 09:19回答 1 已采纳 使用role属性告诉辅助设备（如屏幕阅读器）这个元素所扮演的角色，属于WAI-ARIA. 例如点击的按钮，就是role="button"；会让这个元素可点击；本质上是增强语义性，当现有的HTML标签不
- 2021-09-09 11:28回答 2 已采纳 value是值 ，label是显示的文字 ，key一般是用来 区分的唯一标识
- 2018-08-22 02:43回答 3 已采纳 ``` var act = document.activeElement; if (act.tagName=="SELECT" && act.selectedIndex>=0) {
- 2019-10-20 20:40鹏多多.的博客 最近公司要做一个流程功能图，准备参考轻流BPM的流程样式，可惜本人目前技术有限，所以退而求其次，...第一次接触jsplumb，文档都是在网上搜的，所以自己就整理一下，结合自己的一些应用，做了一个demo，留待以后有需要
- 2017-11-17 00:18回答 1 已采纳 Your <select> tag doesn't have a name, so the value won't be submitted to the server. It als
- 2019-01-25 10:07回答 1 已采纳 option click事件不是选中吗
- 2018-06-15 15:45回答 2 已采纳 Well, I skimmed the docs and glog is controlled by flags, so they have to be present in order for
- 2021-11-12 09:37临夏_的博客 demo-表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width...
- 2022-10-13 19:43回答 2 已采纳 this.codeIdOptList = response.data; //已经将 data 赋值给 this.codeIdOptList 那么下面循环的意义就不存在了直接用v-for 循环就行了
- 2024-03-21 16:11码农研究僧的博客 以下Demo，作为初学者来说，会相应给出一些代码注释，可相应选择你所想要的款式 对应Demo来说，只是结合前端来实现，如果要通过前后来实现，需要通过后端返回数据给前端
- 2022-10-02 14:02今晚务必早点睡的博客 HTML标签部分详解
- 2021-11-20 11:14怎么又有bug单的博客 文章目录一、结果预览代码：欢迎页面二、代码结构 一、结果预览 ...前端开发个人觉得都是这样的框子 ： 页面元素 + 样式 + 向后端发送请求 html开发页面元素 样式 jQuery发送请求，与前端页面元素关联 ...
- 2022-06-14 14:47zwhnsh的博客 本文介绍了HTML常用的标签的使用方法。
- 2021-03-29 22:55北美程序员的产品之旅的博客 Web前端基础： Web前端：HTML最强总结 附详细代码 Web前端：CSS最强总结 附详细代码 Web前端：JavaScript最强总结 附详细代码 Web前端工具： Web前端： JQuery最强总结 附上详细代码 Web前端：Bootstrap最强总结 附...
- 2022-05-10 11:10几罗星人的博客 mediasoup-demo是mediasoup官方提供的一个BS视频会议完整示例。但是有一点不好的地方在于无法选择摄像头，只能是固定使用获取到的摄像头列表的第一个摄像头。这个不实用，有时候单机插多个摄像头来调试也很不方便。 ...
- 没有解决我的问题, 去提问
