动态添加选项以选择select标记
Dynamically add options to select select tag
我正在尝试写一个选择下拉列表,其中动态填充了选项,选项是年份,例如2010、2011、2012
但随着来年的到来,网页应该在当前年份的下拉列表中添加新条目。今年的第一个条目是2010年固定的,但最后一个条目是动态的,取决于当前年份。。
有什么帮助吗?
类似的东西?
var currentYear = new Date().getFullYear();
for (var i = 2010; i <= currentYear; i++) {
var selected = '';
if (i == currentYear)
selected = 'selected';
$("#years").append("<option value='" + i + "'" + selected + ">" + i + "</option>")
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='years' />
这是一种方法。。小提琴
$("select").append("<option value='added'>added</option>");
根据您的逻辑追加选项。
这里是jsfiddle链接(没有jquery(。
<form>
<select id="mySelect">
</select>
</form>
Javascript:
var x = document.getElementById("mySelect");
var to = new Date().getFullYear();
var option;
for (var i = 2010; i <= to; i++)
{
option = document.createElement("option");
option.text = i;
x.add(option);
}
只需使用实际日期:
var startYear = 1950;
var currentYear = new Date().getFullYear();
然后你可以生成你的选择选项
var select = '<select>';
for (var i = startYear; i <= currentYear; i++){
select += '<option>'+i+'</option>';
}
select += </select>;
var date = new Date();
var year = date.getFullYear();
for (var i=2010;i<year+1;i++) {
$('#MySelect').append('<option value="'+i+'">'+i+'</option>')
}
FiDDLE
为什么不从中选择当前年份的子项2010(因为它是一个修复结束(,然后从2010开始向上计数,并从结果中添加金额?这就是我最初的想法。
编辑:如果您在每次加载页面时都填充下拉列表,那么您总是使用根据子动作计算的金额来填充该数组。我不明白这个问题。
相关文章:
- 如何在Javascript中从select标记的一系列选项中构建二维数组
- 当select标记触发onChange事件时,从mysql数据库加载html表
- 需要将select标记选项值传递给ajax函数
- php使用ajax创建了select标记
- 使用JQuery获取select标记的innerHTML的值
- 从asp.net中的select标记中检索要查看的控制器中的值
- 无法使用angularjs突出显示select标记中的值
- 如果值为空或0,如何更改html select标记的边框颜色
- AngularJS 获取 select 标记的值
- 在具有CONTENT标记的自定义元素中使用SELECT标记时出现问题
- 如何在select标记上使用javascript获取id名称
- 在HTML中插入JSON中的select标记选项
- Jquery-我们可以通过.attr更改select标记中的onchange事件吗
- 使用Javascript为select标记添加非标准属性
- AngularJS使用HTML select标记选择整数值
- Java servlet 无法读取 html select 标记名称
- 使用javascript在select标记内未赋值
- jquery未筛选的动态生成的select标记选项
- jQuery.ajax post从select标记返回从onchange事件调用的页面的整个html
- jQuery赢得't在select标记内部附加append选项标记