码迷,mamicode.com
首页 > Web开发 > 详细

HTML标签 select 里 动态添加option

时间:2018-05-16 10:52:29      阅读:678      评论:0      收藏:0      [点我收藏+]

标签:on()   selected   .text   select   cli   html标签   ted   col   func   

HTML标签 select 里 动态添加option:    
☆    var today = new Date();
    var yearNow = today.getFullYear();
    var optiongYears_className = [yearNow, yearNow+1];
    var $selyear = $("select#classNameYear_add");
    $.each(optiongYears_className, function (i, val) {
        if(i==0){
            $selyear.append(‘<option value="‘ + val + ‘" selected="selected">‘ + val + ‘</option>‘);
        }else {
            $selyear.append(‘<option value="‘ + val + ‘">‘ + val + ‘</option>‘);
        }
    });

☆    // $("#classNameYear_add").click(function(){
    //     var selyear = $("select#classNameYear_add");
    //     selyear.append("<option value=‘12‘>131</option>");
    // });

    // $("#classNameYear_add").on("mousedown", function(){
    //     $(this).append("<option value=‘12‘>131</option>");
    //     $(this).append("<option value=‘12‘>131</option>");
    // });
    
    var selyear = $("select#classNameYear_add");
    var now = new Date();
    var year = now.getFullYear(); //获取当前年份
    var yearPlus = year+1;

    for (var i = 0; i < 2; i++) {
     // selyear.append($("<option>").val(year).text(year)); //给option添加value值与文本值
        selyear.append(‘<option value="‘ + year + ‘">‘ + year + ‘</option>‘);

        // var year = year+1;       //年份+1,再添加一次
    };
    $(‘select#classNameYear_add‘).change();

 

HTML标签 select 里 动态添加option

标签:on()   selected   .text   select   cli   html标签   ted   col   func   

原文地址:https://www.cnblogs.com/hahajava/p/9044558.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!