添加使用 JS 的日期输入的第二次使用使它们都不起作用
Adding a second use of a date input which uses JS makes neither of them work
我有三个选择,一个用于月,一个用于日,一个用于年份。我有一些基本的JS,当修改三个选择之一时,它会更新文本输入框。
.HTML:
<select name="month" class="month" onchange="setDate(this,day,year)">
<option value="1">January</option>...
</select>
<select name="day" class="day" onchange="setDate(month,this,year)">
<option value="1">1</option>...
</select>
<select name="year" class="year" onchange="setDate(month,day,this)">
<option value="2012">2012</option>...
</select>
<input type="text" name="hidden" value="" />
这工作得很好,但我想添加另一组这三个输入。当我这样做(制作上面的 HTML 的另一个副本(时,它们都不起作用。也就是说,在修改(选择(选择时,文本输入框未更新/给定日期。
JavaScript(相关部分(:
function setDate(month_selection, day_selection, year_selection)
{
//Month, Day and Year variables created
form.hidden.value = month + '/' + day + '/' + year;
}
关于为什么它仅在我只有一个 HTML 副本时才有效以及如何解决此问题以便我可以拥有两组这些选择的任何想法?
编辑:我已经通过提供输入以及为 HTML 的每个"副本"选择不同的名称来解决这个问题。
我现在遇到了一个新问题,即如何根据要更改的输入更新正确的文本框。
如果我把它放在我的 setDate 函数的末尾:
form.hidden.value = month + '/' + day + '/' + year;
form.hidden_two.value = month + '/' + day + '/' + year;
当其中任何一个被更改时,它将更新它们两个的文本框(显然(。有谁知道让它更新正确文本框的方法?
只是一个想法,但您是否正在更改新输入的名称?如果您有两个"隐藏"输入框,则它不起作用。
新东西 :
当然,您必须将所有字段的名称更改为 =月,日,年和隐藏。然后在 JS 函数中,您可以确定哪个字段更改提示脚本执行......我会这样想:
function setDate(month_selection, day_selection, year_selection)
{
if (month_selection.name=='month'){
var hidden = document.getElementsBynName('hidden');
}
if (month_selection.name=='month_two'){
var hidden = document.getElementsByName('hidden_two');
}
//Month, Day and Year variables created
hidden.value = month + '/' + day + '/' + year;
}
这不是一个精确的解决方案,只是一个指向如何解决它的指针。
相关文章:
- NodeJS日期格式不起作用
- Javascript设置日期不起作用,显示错误的时间
- jQuery日期选择器在Codeigniter和Bootsrap模式表单中不起作用
- JQuery日期选择器在IE 7上不起作用
- 棱角分明的日期选择器;在ngDialog中不起作用
- 夏令时期间不起作用的 2 个日期之间的小时差异
- asp.net jquery 日期选择器不起作用
- Angular UI日期插件:选择时不起作用
- 在mvc上使用日期选择器不起作用
- Jquery Datepicker日期格式在Asp.net中不起作用
- 我需要让用户输入他的出生日期,并使用javascript检查其形式是否正确.我的代码不起作用
- Videogular-hh:mm:ss格式的日期筛选器不起作用
- 日期选择器在动态添加的行中不起作用
- Bootstrap日期选择器中的更新不起作用
- 使用J-query数据表,美国日期格式的自定义排序不起作用
- 选项“;daysOfWeekDisabled”;在引导程序日期时间选择器中不起作用
- 日期时间选取器不起作用
- ArangoDB Foxx 模型日期时间戳不起作用
- jQuery-UI 日期选择器不起作用
- 日期时间选择器不起作用.不明白怎么写JS