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!

相关文章
|
10月前
|
移动开发 HTML5
HTML5 form表单事件
HTML5 form表单事件
28 0
|
1月前
|
移动开发 HTML5
详解 HTML5 服务器发送事件(Server-Sent Events)
详解 HTML5 服务器发送事件(Server-Sent Events)
28 0
|
11月前
|
前端开发 Java
前端——HTML或者JSP页面--执行完某事件后刷新页面,重置表单,清空数据
前端——HTML或者JSP页面--执行完某事件后刷新页面,重置表单,清空数据
|
JavaScript
HTML DOM 允许我们通过触发事件来执行代码。
HTML DOM 允许我们通过触发事件来执行代码。
37 0
|
JavaScript 前端开发
使用 HTML DOM 来分配事件
使用 HTML DOM 来分配事件
64 0
|
JavaScript 前端开发
html事件
html事件
53 0
|
JavaScript 前端开发 容器
DOM(二)——动画,改变HTML,事件,节点,集合
JavaScript 动画是通过对元素样式进行渐进式变化编程完成的。 这种变化通过一个计数器来调用,当计数器间隔很小时,动画看上去就是连贯的
108 0
DOM(二)——动画,改变HTML,事件,节点,集合
常见的 HTML 事件
常见的 HTML 事件
56 0
|
JavaScript 前端开发
HTML 事件
HTML 事件
69 0
|
SQL JavaScript 前端开发
两个相同的负载user在一起启动的时候,造成相关接口调用第一次报异常 调用第二次正常 如此反反复复 解决方法;mysql复习、JavaScript HTML BOM和DOM触发监听机制事件
两个相同的负载user在一起启动的时候 造成相关接口调用第一次报异常 调用第二次正常 如此反反复复 解决方法 放掉一个实例个数
130 0
两个相同的负载user在一起启动的时候,造成相关接口调用第一次报异常 调用第二次正常 如此反反复复 解决方法;mysql复习、JavaScript HTML BOM和DOM触发监听机制事件