随手笔记(十八)——— 年份选择框

<div class="columns pull-right col-md-1 nopadding" style="margin-right: 10px;">
                        <select data-placeholder="--选择年份--" id="year"
                                class="form-control chosen-select" onchange="changeYear()" tabindex="2">
                            	<option value="">--选择年份--</option>
                        </select>
                    </div>

先在页面中声明一个选择框

function loadYear() {
    var yearHtml="";
    var year=$("#year").attr("value");
    for (var i =2022  ; i>2015 ; i--) {
        if(year==i){
            yearHtml += '<option value="' + i + '" selected>' + i+ '</option>'
        }else{
            yearHtml += '<option value="' + i + '">' + i+ '</option>'
        }
    }
    $("#year").append(yearHtml);
}


function changeYear(){
    var year =	$("#year option:selected").val();
    if(year==null||year==""){
        return;
    }
}

之后再js中做选择框包括限制的年度区间

之后搜索框加入元素

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值