0

いくつかの入力要素を入力しようとしたときに、いくつかの問題が発生しました。

そのためにJavaScriptを使用します。

このメソッドを使用してgetElementsByClassName('name_of_class')、要素のノードを収集します。

次に、ループを使用してこのノードを実行しようとしますが、プロンプトで要求される同じ値で入力されたすべての要素を埋めようとすると成功しません。

document.getElementByClassName('name_class').value実際、これは一意の要素ではないため、使用しようとすると間違っていると思いますが、この入力を入力する方法をループすると、動的に作成され、 IDなし。

これが私のコードです

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

チェックボックスリストへの参照を取得したら、配列としてアクセスします。

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 に答える