2011-08-03 7 views
1

私は3つのテキストボックスを2つ持っています。私は起こるしたい何JavaScript配列

<input type="text" name="test" value="100" /> 
<input type="text" name="test" value="250" /> 

<input type="text" name="totalList" value="" /> 

ので、その値が100, 250だろう、前にカンマで区切られたテキストボックスのすべての値を持っているtotalListテキストボックスです。それが配列になっている理由は、データベースから抽出する予定であるため、そこにいくつのアイテムがあるのか​​わからないので、すべてが価格を持つことがわかります。

ありがとうございました。 (テキストボックスの)配列による

答えて

0

array.joinメソッドを使用します。

var elements = document.getElementsByName("test"); 
var values = new Array(); 
for(var i = 0; i < elements.length; i++) 
    values.push(elements[i].value); 

document.getElementsByName("totalList")[0].value = values.join(); 

http://jsfiddle.net/UqUMs/7/

+0

は、どのように私はそれが何かが変更されるたびにtotalList値を更新することができますか? – Jake

+0

@Jake jQueryを使用できますか? –

+0

@Jake jsfiddleの例を更新して、テキストボックスのフォーカスを失ったときに更新されるようにしました。 –

0

ループ、値のカンマ区切りの文字列を作成し、totalテキストボックスの値としてこれを設定します。

var textboxes = document.forms[formName].elements["text"]; 
var commaSeparatedStr = ""; 
for(var i=0; i<textboxes.length; i++) 
{ 
    commaSeparatedStr+= textboxes[i].value; 
} 
document.forms[formName].elements[totalList].value = commaSeparatedStr; 

そして、あなたはいつでも、このコードを呼び出す:身体を。 (テキストボックスを動的に追加することができる場合)、テキストボックスの動的な追加/削除などの操作を行うことができます。

私はJavaScriptを使用しています。テキストボックスを動的に追加できるかどうかによって、サーバーサイドでもこの操作を行うことができます。