2011-08-03 8 views
1

두 개의 텍스트 상자가 있습니다. 그 값이 100, 250이 될 것이다, 그래서자바 스크립트 배열

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

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

은 내가 어떻게하고 싶은 것은, 이전에 쉼표로 구분 글 상자의 모든 값을 가지고있는 totalList 텍스트 상자입니다. 그것이 배열에있는 이유는 데이터베이스에서 추출 할 것이기 때문에 내가 얼마나 많은 항목이 있을지 모릅니다. 가격이 모두 있다는 것을 알 것입니다.

미리 감사드립니다. 원할 때마다 코드를

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; 

및 호출 (텍스트 박스의) 배열을

답변

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 입력란의 값으로서 설정 몸체. onload, 버튼 클릭, 텍스트 상자의 동적 추가/제거 등등) (텍스트 상자를 동적으로 추가 할 수있는 경우)

나는 태그를 지정했기 때문에 자바 스크립트 솔루션을 제공합니다. 텍스트 상자를 동적으로 추가 할 수 있는지 여부에 따라 서버 측에서 텍스트 상자를 추가 할 수도 있습니다.