我有一个Javascript函数,它应该用一个数字更新表单中的隐藏输入字段,该数字在每次调用该函数时都会增加。
它最初适用于getElementById(),但是因为我必须重新设计我的表单,所以我不能使用php函数来为元素分配一个单独的ID,所以我所拥有的就是该元素的唯一名称。
因此,我决定使用Javascript中的getElementsByName()来修改元素。
下面是该元素的HTML
<input type="hidden" value="" name="staff_counter">
这是我的Javascript代码:
window.onload=function()
{
//function is activated by a form button
var staffbox = document.getElementsByName('staff_counter');
staffbox.value = s;
s++;
}
当函数被调用并且输入字段没有得到给定的值时,我在Firebug上没有得到任何错误。
它可以使用getElementById(),但是为什么突然之间它不能使用getElementsByName()呢?
时检查Firebug上的任何错误
下面是我在Codeigniter中用来生成元素的代码
// staff_counter is name and the set_value function sets the value from what is
//posted so if the validation fails and the page is reloaded the form element does
// not lose its value
echo form_hidden('staff_counter', set_value('staff_counter'));
谢谢
发布于 2011-08-06 22:03:15
document.getElementsByName()
返回一个索引,因此您必须通过NodeList:document.getElementsByName('staff_counter')[0]
(取决于您拥有多少索引)来访问它。
您还可以访问length
属性来检查有多少元素匹配。
发布于 2013-01-11 06:57:17
刚刚遇到了一个类似的问题,我在数组上用一个简单的循环解决了它。下面的代码将遍历并禁用所有名为“btnSubmit”的按钮。
for (var i=0;i<document.getElementsByName('btnSubmit').length;i++){
document.getElementsByName('btnSubmit')[i].disabled=true;
}
https://stackoverflow.com/questions/6967297
复制相似问题