【easyui】 conmbobox动态的显示有数据的年份和月份

最新推荐文章于 2021-03-19 19:39:24 发布

小魏的马仔

最新推荐文章于 2021-03-19 19:39:24 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： datagrid easyui

本文链接：https://blog.youkuaiyun.com/xuexiiphone/article/details/53174735

js 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript和HTML结合的方式实现年份下拉框动态加载的方法，并通过调用后端service获取数据库中所有不同的年份数据，再将其展示在前端界面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html代码：

<td>&nbsp;年份</td>
<td>
<select id="year" name="year" style="width: 80px;height:18px;"  class="easyui-combobox fselect" ata-options="panelHeight:'auto'">
</select>
</td>

js代码：

/**
         *设置年份下拉框的内容
         */
        function setYearValue() {

            $("#year").combobox({
                dataPlain: true,
                valueField: 'year',
                textField: 'year',
                editable:false,
                url: "${pageContext.request.contextPath}/plan/alloc/getPlanYear.do",
                onSelect: function (record) {

                }
            });

        }

service实现类的代码

@Override
    public List<String> getPlanYear() {
        String sql = "SELECT DISTINCT v.year FROM tb_emp_perf_value v order by v.year desc";    
        @SuppressWarnings("unchecked")
        List<String> query =  this.baseDao.getCurrentSession().createSQLQuery(sql).list();
        return query;
    }