为每个选择框(月,天,年)创建3个PHP循环选项,Javascript在“月”更改时更改“天”的选项
create 3 selectbox(months, days, years) php looping options for each and Javascript to change options for `days` when `months` changes
我有这些选择框如下:
<?php
echo'
<select id="months"></select>
<select id="days"></select>
<select id="years"></select>
'; ?>
我希望每个选择框的选项都是在加载时自动选择的当前日期。例如今天(2016 年 1 月 28 日):第一个选择框应选中 1 月。下一个应该是 18 岁,最后一个应该是 2016 年。
实际上,我已经使用此代码为days
选择框工作。
for ($x = 1; $x <= 31; $x++) {
echo '<option value="'.$x.'" ';
if ($x == date_format($nowdate,'d'))
{
echo 'selected';
}
echo' >'.$x.'</option>';
}
但我不知道如何在months
上做到这一点.还有一个问题,我希望当months
发生变化时,days
也应该根据所选月份的天数更改其选项。任何帮助将不胜感激。谢谢。
将 2000-3000 视为"选择"框中包含的选项years
您可以尝试使用以下代码来填充月份:
for ($x = 1; $x <= 12; $x++) {
$mon = date('F', mktime(0,0,0,$x));
echo '<option value="'.$mon.'" ';
if ($mon == date('F'))
{
echo 'selected';
}
echo' >'.$mon.'</option>';
}
同样,您可以使用日期("Y")来计算当前年份。
对于 JavaScript 部分,您可以使用以下代码 -
更改月份选择框调用以下函数并传递两个参数(当前所选月份和所选年份) -
function getCurrentdays(month,year) {
var currentdays = new Date(year, month, 0).getDate();
populatedayscombo(currentdays);
}
function populatedayscombo(currentdays)
{
document.getElementById("monthscombo").options.length = 0;
for (x = 1; x <= currentdays; x++)
{
var newOption = document.createElement("option");
newOption.text = x;
newOption.value = x;
document.getElementById("monthscombo").add(newOption);
}
}
相关文章:
- 使用Javascript获取所选选项ID
- javascript选项卡没有'不起作用
- 使用JavaScript在IE9中获取数据列表选项
- html+javascript:如何在某些条件下禁用dropdownlist中的null选项
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 一次设置多个选项 javascript (MooTools) 对象
- 如何将选定的值分配给没有值的选项 - javascript
- 动态填充选择选项javascript
- 用递归合并选项javascript对象
- Javascript点计算器不工作(HTML选择/选项+ Javascript)
- 填充下拉选项- javascript
- 为打印选项javascript创建个人快捷方式
- 将文本发送到父元素,并带有删除发送元素的选项- Javascript
- 在刷新页面时设置不同的选项——JAVASCRIPT
- 获取相对于选中的选项的特定选项(JavaScript/jQuery)
- 更改一个选择选项会更改许多其他选项(JavaScript、JQuery)
- 根据之前的答案自动选择下拉选项-Javascript HTML表单
- 默认情况下,选择select列表框中的所有选项--javascript
- 我试图在表单提交到一个新页面后,根据用户选择的多个选项(Javascript.html)重定向表单