javascriptで配列を動作させる方法

javascriptを使用してテキストボックスの値を減らしたり、大きくしたりしようとしています。私は、それに配列を使用していないとき、それを動作させました。なぜこの配列に配列が必要なのか尋ねているのですか？なぜなら、後で大規模なプロジェクトに統合する必要があるからです。私はjavascriptの初心者ですので、配列を使用するときにこの作業を行う上での要件は何か分かりません。javascriptで配列を動作させる方法

<html> 
<head> 
    <script type="text/javascript"> 
    function blabla(){ 
     var a= document.x.qty[].value; 
     var b=document.x.qty2[].value; 
     var pa=parseInt(a); 
     var plusqty= pa + 1; 
     var txt = plusqty; 
     var tbox = document.getElementById('qty'); 
     if (tbox) 
     { 
      tbox.value = txt; 
     } 

    } 

    function lastog(){ 
     var a= document.x.qty.value; 
     var b=document.x.qty2.value; 
     var pa=parseInt(a); 
     var plusqty= pa - 1; 
     var txt = plusqty; 
     var tbox = document.getElementById('qty'); 
     if (tbox) 
     { 
      tbox.value = txt; 
     } 
    } 
    </script> 
</head> 

<body> 
    <form name="x"> 
    number 1<input type="text" id="qty" name="qty[]" value=""><br/> 
    number 2<input type="text" id="qty2" name="qty2" value=""><br/> 
    number 3<input type="text" id="qty3" name="qty3" value=""><br/> 
    <a href=""><img src="add-icon.png" onmouseover="blabla();"></img></a> 
    <a href=""><img src="delete-icon.png" onmouseover="lastog();"></img></a> 
    </form> 
</body> 
</html>

私はまた、ループの通常を使用して、それを反復処理しようとしたが、私はそれを動作させるカント：

function blabla(){ 
    for (int i=0; i<arr.length; i++){ 
     var a= document.x.qty[].value; 
     var b=document.x.qty2[].value; 
     var pa=parseInt(a); 
     var plusqty= pa + 1; 
     var txt = plusqty; 
     var tbox = document.getElementById('qty'); 
     if (tbox) 
     { 
      tbox.value = txt; 
     } 
    } 
}

出典

2010-11-20 Wern Ancheta

申し訳ありませんが、それはまったく動作しません。まず、document.x.qty []などの代わりに 'document.getElementById（ 'qty'）'を使用してください。 –

フォーム入力にラベルを付けるには、['']（http://www.w3.org/TR/html401/interact/forms.html#h-17.9）要素を使用します。 '
'は[意味論]ではありません（http://webstyleguide.com/wsg3/5-site-structure/2-semantic-markup.html）。別々の行にそれぞれの入力が必要な場合は、CSSを使用する必要があります。 ["ファンシーフォームデザイン"（http://articles.sitepoint.com/article/fancy-form-design-css）、[ラベル配置と1日対2次アクション]（http：//locus.forestninja .net/2009/02/13/design-web-forms-label-placement-primary-vs-secondary-actions /）、["Web App。フォームデザイン"]（http://www.lukew.com/resources /articles/web_forms.html）を参照してください。 – outis

リンクをありがとう、私は後でそれを必要とするでしょう –

を（例えば放火犯を使用して）：

var a = document.x["qty[]"].value; 
var b = document.x["qty2[]"].value;

けれども、彼らはIDを持っている場合は、それを行う方がはるかに簡単です：

var a = document.getElementById("qty").value;

か、その名前を持つすべてをループ例えば：

var qtyElements = document.getElementsByName("qty[]"); 
for(var i=0; i<qtyElements.length; i++) { 
    alert(qtyElements[i].value); 
}

出典

2010-11-20 12:48:39

私はidを使用してインデックスを含める必要はありません？ –

@Ieyasu - 'id'はドキュメントで一度だけ**使用するべきです。' name'は複数回使用できます。いいえ、 'document.getElementById（）'は単一の要素を返すのでインデックスを使用する方法はありません。そのidは一度だけ使用する必要があるからです。 –

は、エラーメッセージが表示されますか？あなたはこのように、名前に特殊文字価値プロパティにアクセスするためにbracket notationを使用する必要が

出典

2010-11-20 12:47:04 yossi

javascriptで配列を動作させる方法

答えて

関連する問題