HTML下拉框选择事件

简介: HTML下拉框选择事件

项目需求

下拉框改变时,直接传值,不要查询点击按钮。

项目代码

HTML

<select name="years" id="years"></select>


下拉框传值

    var opHtml = "";
    for (var i = 2015; i < 2021; i++) {
        opHtml += "<option value=\"" + i + "\">" + i + "年</option>";
    }
    $("#years").html(opHtml);


$(selector).change(function)事件

    $("#years").change(function () {
        var year = $("#years").val();
        //执行DOM;
        $("#content").html(year);
    });


Done!

相关文章
|
移动开发 HTML5
HTML5 form表单事件
HTML5 form表单事件
44 0
|
3月前
Twaver-HTML5基础学习(30)监听事件_network绘制监听_network视图操作监听_鼠标事件的监听
本文介绍了如何在Twaver-HTML5中监听网络视图操作事件,包括视图绘制、鼠标事件以及获取鼠标下的网元等。
43 1
Twaver-HTML5基础学习(30)监听事件_network绘制监听_network视图操作监听_鼠标事件的监听
|
2月前
|
移动开发 JavaScript 前端开发
HTML5 服务器发送事件(Server-Sent Events)详解
**服务器发送事件(Server-Sent Events, SSE)** 是一种用于构建单向实时通信的技术,允许服务器主动向客户端(通常是浏览器)推送更新。SSE 提供了一个简单的 API,非常适合实时应用,如新闻更新、天气变化、社交媒体通知等。SSE 基于 HTTP 协议,通过长连接实现数据传输。其主要优点包括简洁的 API、持久连接和自动重连功能。大多数现代浏览器都内置了对 SSE 的支持。通过简单的服务器端和客户端代码,可以轻松实现数据的实时推送和接收。
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
26 5
|
5月前
|
存储 JavaScript 前端开发
HTML中onblur事件的使用
HTML中onblur事件的使用
|
6月前
|
移动开发 HTML5
详解 HTML5 服务器发送事件(Server-Sent Events)
详解 HTML5 服务器发送事件(Server-Sent Events)
141 0
|
前端开发 Java
前端——HTML或者JSP页面--执行完某事件后刷新页面,重置表单,清空数据
前端——HTML或者JSP页面--执行完某事件后刷新页面,重置表单,清空数据
|
JavaScript
HTML DOM 允许我们通过触发事件来执行代码。
HTML DOM 允许我们通过触发事件来执行代码。
52 0
|
JavaScript 前端开发 容器
DOM(二)——动画,改变HTML,事件,节点,集合
JavaScript 动画是通过对元素样式进行渐进式变化编程完成的。 这种变化通过一个计数器来调用,当计数器间隔很小时,动画看上去就是连贯的
137 0
DOM(二)——动画,改变HTML,事件,节点,集合
|
JavaScript 前端开发
使用 HTML DOM 来分配事件
使用 HTML DOM 来分配事件
83 0