 

当前位置：Ddmit  后端  正文

jquery动态生成select下拉选

2019-02-08 分类：后端阅读(1662) 评论(0) 赞(0)

使用jquery动态生成select下拉选option选项代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>四个空格-https://www.4spaces.org/</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="moment.js"></script>
<script type="text/javascript">
    $(function(){
        initLatestThreeYears()
    });
    function initLatestThreeYears() {
        $('#year').empty();
        $("#year").append('<option value="' + moment().year() + '" selected="selected">' + moment().year() + '年</option>');
        $("#year").append('<option value="' + moment().add(-1, 'y').year() + '">' + moment().add(-1, 'y').year() + '年</option>');
        $("#year").append('<option value="' + moment().add(-2, 'y').year() + '">' + moment().add(-2, 'y').year() + '年</option>');
    }
</script>
</head>
<body>
<div style="width: 20%; float: left;margin-top:15px;">
    <span>年份：</span>
        <select class="ue-form" id="year">
    </select>
</div>
</body>
</html>

参考：http://momentjs.com

赞(0)

未经允许不得转载：Ddmit » jquery动态生成select下拉选

分享到

相关推荐

评论抢沙发