为什么这个 javascript 自动填充多个字段不起作用？

发布于 2025-01-08 06:48:17 字数 951 浏览 0 评论 0原文

我是 JavaScript 新手，我不明白为什么这段代码不起作用。我想让用户在元输入表中输入数据，并让他们单击 [input] 以在每列的所有行中输入数据，例如，如果将 12/22/2012 设置为出生并单击输入，对于男性和女性表，“出生”下的所有字段都应填写。我将html代码从页面复制到jsfiddle中， http://jsfiddle.net/hopup/ h2jjd/3/

感谢任何帮助，请记住我是 JavaScript 新手，所以建设性的批评会很好。

这是 Javascript

编辑 2：对我的代码做了一些更改，我是否更接近了？它仍然不起作用。

编辑3：这适用于 Chrome，但不适用于 Firefox。有什么想法吗？

http://jsfiddle.net/hopup/h2jjd/5/ <-- 检查这个一

function fill (colname) {
var numRows, i, toCopy, iterated_name;

numRows = document.getElementById('malesTable').rows.length + document.getElementById('femalesTable').rows.length - 2;
toCopy = document.getElementById(colname.id).value;
i = 1;
for (i; i <= numRows; i++){
    iterated_name = colname.id + "_" + i;
    document.getElementById(iterated_name).value = toCopy;
    }
}

原文

I'm new to JavaScript and I can't figure out why this code isn't working. I want to have the user input data at the meta input table and have them click [input] to input the data in all of the rows for each column, for instance if 12/22/2012 is put for born and input is clicked, all fields under 'born' should be filled for both male and female tables. I copied the code for the html from the page into a jsfiddle, http://jsfiddle.net/hopup/h2jjd/3/

Any help appreciated, please remember I'm new to JavaScript so constructive criticism would be nice.

here is the Javascript

EDIT 2: Made some changes to my code, am I getting closer? It still does not work.

EDIT 3:THis works on chrome, but not on firefox. Any thoughts?

http://jsfiddle.net/hopup/h2jjd/5/ <-- check this one

function fill (colname) {
var numRows, i, toCopy, iterated_name;

numRows = document.getElementById('malesTable').rows.length + document.getElementById('femalesTable').rows.length - 2;
toCopy = document.getElementById(colname.id).value;
i = 1;
for (i; i <= numRows; i++){
    iterated_name = colname.id + "_" + i;
    document.getElementById(iterated_name).value = toCopy;
    }
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

挽心 2025-01-15 06:48:17

这条线

   document.myform.count.value = document.getElementByName(name);

似乎很奇怪。我发现了三个错误：

代码访问表单的“count”属性（名为“count”的表单元素）。您似乎想要 document.myform.elements[count]
只有一个 getElement/s/ByName 方法，它返回元素的 NodeList。您可能想使用 ids，getElementById() 只返回具有唯一 id 的一个元素。
getElement 函数返回节点/元素，而不是其内容。因此，请使用 textContent 或访问元素的文本节点。

The line

   document.myform.count.value = document.getElementByName(name);

seems to be the odd one. Three errors I've spotted:

The code accesses the "count" property (a form element named "count") of the form. You seem to want document.myform.elements[count]
There is only a getElement/s/ByName method, which returns a NodeList of elements. You might want to use ids, there is getElementById() to return only the one element with the unique id.
the getElement-function returns a Node / an Element, not its content. So use textContent or access the element's text nodes.

回复收藏 0 原文