2012-04-30 6 views
0

위의 드롭 다운 상자에서 사용자 선택에 따라 텍스트 영역에 "변수 값"을 어떻게 추가합니까?선택 기준 값 추가

<html> 
<head> 

<body> 

<select id="dropdown"> 
    <option value="">None</option> 
    <option value="textArray1">text1</option> 
    <option value="textArray2">text2</option> 
    <option value="textArray3">text3</option> 
    <option value="textArray4">text4</option> 
</select> 

<br /><br /> 

<textarea id="mytext"></textarea> 

<script type="text/javascript"> 

var textArray1 = 'this is going to be a long sting of text for text 1 value'; 
var textArray2 = 'this is going to be a long sting of text for text 2 value'; 
var textArray3 = 'this is going to be a long sting of text for text 3 value'; 
var textArray4 = 'this is going to be a long sting of text for text 4 value'; 

var mytextbox = document.getElementById('mytext'); 
var mydropdown = document.getElementById('dropdown'); 

mydropdown.onchange = function(){ 
     mytextbox.value = mytextbox.value + this.value; //to appened 
    //mytextbox.innerHTML = this.value; 
} 
</script> 

</body> 
</html> 
+0

그것은 당신의 요구 사항은 무엇입니까, 잘 동작하는 것? – KBN

답변

0

이 onchange를 기능이 변경을 시도해보십시오 :

mytextbox.value = mytextbox.value + window[this.value]; //to appened 

또한 사용했습니다 수 평가()는이 여기에

는 II가 지금까지 가지고있는 코드입니다. 값은 같지만 eval()은 빨간 머리 단계 자식만큼 인기가 있습니다. 차이점에 대한 자세한 내용은 this 질문을 참조하십시오.

jsFiddle example