使用与第一个下拉框相同的值填充第二个下拉框 javascript.
Populate second dropdown box with same values as the first using javascript?
我有两个下拉框,专门用于用户选择年份间隔。我目前使用"从表中选择不同的年份"查询填充了这两个下拉框到我的数据库。但是,我只想用用户选择的同一年份填充第二个下拉框,并包括第一次选择后的年份。例如,如果用户在第一个下拉菜单中选择"1995",我希望第二个下拉框包含从"1995"到现在的任何年份。这将阻止用户在第一个框中选择"1995",在第二个框中选择"1990"(这将是一个不正确的时间间隔)。我真的不知道该怎么做。我对javascript不是很熟悉。这是我需要使用的吗?任何帮助将不胜感激。
你可以
像在jsfiddle中那样做: http://jsfiddle.net/YNuna/1/
.HTML:
<select id=first>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
</select>
<select id=second>
</select>
.JS:
$("#first").change(function(){
var val = $("#first option:selected").html();
$("#second").html("");
var d = new Date();
var n = d.getFullYear();
for (i=val; i<=n;i++){
$("#second").append("<option>" + i + "</option>");
}
});´
您还需要包含jquery。
编辑:
但是它可以在没有jquery的情况下完成,但是您需要稍微修改一下代码...
我希望它能帮助你。只需要基本计算即可维护要求
http://www.creativecg.com/addremove-options-from-a-select-box-with-jquery/
我在 http://jsfiddle.net/cMhzj/
使用我的解决方案,您只需要填写第一个dropdown
(您可以同时填写两者,两者都不需要)。然后,当您选择年份时,第二个年份将填充所选年份中的所有年份。
相关文章:
- 单击一个数据表,填充第二个数据表
- KnockoutJS-根据第一个组合框中选择的值填充第二个组合框
- 用第一个表单值(HTML、Javascript)填充第二个表单隐藏字段
- 使用Web服务根据对另一个下拉框的选择填充第二个下拉框以获取信息
- 根据 Wordpress 页面中的第一个下拉列表填充第二个下拉列表
- 如何根据第一个<选择>选项填充第二个<选择>选项
- 使用与第一个下拉框相同的值填充第二个下拉框 javascript.
- 下拉菜单动态填充第二个下拉菜单
- jQuery 根据第一个选择菜单中的值选择填充第二个选择菜单
- 使用mysql数据库在第一个下拉框的基础上自动填充第二个下拉框
- 根据第一个下拉列表结果填充第二个下拉列表
- 从第一个和更改操作属性填充第二个选择列表
- 在MVC中的同一视图中填充第二个模型:防止回发
- Select2使用ajax和php基于第一个(多个)选择填充第二个字段
- 根据PHP中选择的第一个下拉框填充第二个下拉框
- 在选择第一个选择框值后填充第二个选择框,如何在脚本中选择要编辑的值
- JS如何用第一个的minDate动态填充第二个日期选择器
- Jquery /ajax填充第二个下拉框并触发更改事件
- 如何基于第一个选择填充第二个选择菜单,基于第二个填充第三个选择菜单-使用Javascript
- 根据前一个输入文本填充第二个输入文本