0

我在尝试填充一些输入元素时遇到了一些麻烦。

我为此使用javascript。

我使用该方法getElementsByClassName('name_of_class')收集元素的节点。

然后我尝试使用循环运行此节点，但是当我尝试使用提示询问的相同值填充所有元素输入时，我没有成功。

事实上，当我尝试使用 时，我认为我错了document.getElementByClassName('name_class').value，因为它不是一个独特的元素，但我真的不知道，当我循环如何填充这些输入时，因为它们是动态创建的并且它们有没有身份证。

这是我的代码

function saisie_titre(){
    choix = prompt("Veuillez saisir le titre :", '');
    var i;
    var checkboxList = document.getElementsByClassName( 'titre' );
    for ( i = 0; i < checkboxList.length; i++ ) {
        document.getElementsByClassName('titre').value = choix;
        //Here is the wrong part of my code

        console.log(choix);
    }
 }

任何帮助将不胜感激。

4

3 回答 3

1

获得对 checkboxList 的引用后，只需将其作为数组访问。

var checkboxList = document.getElementsByClassName( 'titre' );
for ( i = 0; i < checkboxList.length; i++ ) {
    checkboxList[i].value = choix;
于 2013-03-11T10:19:28.253 回答
1

JsFiddle 的工作示例：http: //jsfiddle.net/2UZXm/1/

-- 示例 HTML

<input type="text" class="titre"></input>
<input type="text" class="titre"></input>
<input type="text" class="titre"></input>
<input type="text" class="titre"></input>
<input type="button" id="terror" value="Click" />

-- 示例 JavaScript

function saisie_titre() {
    choix = prompt("Veuillez saisir le titre :", '');
    var i;
    var checkboxList = document.getElementsByClassName('titre');
    for (i = 0; i < checkboxList.length; i++) {
        checkboxList[i].value = choix;
        console.log(choix);
    }
}
document.getElementById('terror').onclick = function () {
    saisie_titre();
}
于 2013-03-11T10:19:28.970 回答
1

您需要将索引传递给数组。您已经将数组存储在变量中，因此无需再次获取元素。

for ( i = 0; i < checkboxList.length; i++ ) {
    checkboxList[i].value = choix;
    console.log(choix);
}
于 2013-03-11T10:19:42.367 回答