드롭 다운 선택에 해당하는 텍스트 상자 값 저장

Question

값을 선택하고 텍스트 상자에 값을 입력하는 드롭 다운 상자가 있습니다 (예 : 2 층을 선택하고 3 개의 텍스트 상자에 각각의 값을 입력 한 다음 다시 3 층 및 해당 값을 입력하십시오. 그래서, 마침내 둘 다 append.Luckily 가져 가야한다.)하지만 문제는 내가 텍스트 드롭 다운 값을 덮어 써야 텍스트 값을 변경할 때마다 있지만 텍스트 상자의 이전 및 현재 값을 저장하는 것입니다 (예 : 내가 선택한 경우 5th floor와 textboxes에 값을 쓰고, 다시 값을 변경하면 같은 값으로 두 번 저장하는 대신 덮어 쓰지 않습니다). 문제 해결에 도와주세요. http://jsfiddle.net/ztord9py/13/

var areaoffered=[];  
    var floor=[]; 
    var timeline=[]; 
    var floorss; 

    $("#floor").change(function(){ 
     floorss = $("#floor").val(); 
    }); 

     $("#areaoffered").change(function(){ 
     var areamax = $("#areaoffered").val(); 
     var areamin = (floorss+"-"+areamax); 
     areaoffered.push(areamin); 

     }); 

     $("#components").change(function(){ 
      var componentsmax = $("#components").val(); 
      var componentsmin = (floorss+"-"+componentsmax); 
      floor.push(componentsmin); 

     });  

     $("#timeline").change(function(){ 
      var timelinemax = $("#timeline").val(); 
      var timelinemin = (floorss+"-"+timelinemax); 
      timeline.push(timelinemin); 

     }); 

$("#submitt").click(function(){ 
    alert(areaoffered); 
}); 

<select id="floor" > 
    <option value="1st floor">1st floor </option> 
    <option value="2nd floor">2nd floor</option> 
    <option value="3rd floor">3rd floor</option> 
    <option value="4th floor">4th floor</option> 
    <option value="5th floor">5th floor</option> 
</select></br> 
<input type="text" id="areaoffered" /></br> 
<input type="text" id="components" /></br> 
<input type="text" id="timeline" /></br> 
<input type="button" value="Submit" id="submitt" /> 

Answer 1

내부의 선

var floors = []; 
var timelines=[]; 
var areas=[]; 
var components = []; 


$("#floor").change(function(){ 
    $("#areaoffered").val(areas[$("#floor").val()]); 
    $("#components").val(components[$("#floor").val()]); 
    $("#timeline").val(timelines[$("#floor").val()]); 

}); 

    $("#areaoffered").change(function(){ 
    var areaOffered = $("#areaoffered").val(); 
    areas[$("#floor").val()] = areaOffered; 
    }); 


    $("#components").change(function(){ 
     var componentsmax = $("#components").val(); 
     components[$("#floor").val()] = componentsmax ; 
    });  

    $("#timeline").change(function(){ 
     var timelinemax = $("#timeline").val(); 
     timelines[$("#floor").val()]=timelinemax; 
    });  


$("#submitt").click(function(){ 
var finalDetails = []; 
    for(var i=1;i<16;i++) 
    { 
     if(areas[i]!=undefined) 
      finalDetails.push('floor:'+i+'  areaOffered:'+areas[i]+' components:'+components[i]); 
    } 
    alert(finalDetails); 
}); 

Answer 2

VAR의 값이 경고 후 areaoffered 분명 ..

Answer 3

교체 나 자신이 대답을 발견 $("#floor").change();

var floorss={}; 
$("#floor").change(function(){ 
    floorss[$("#floor").val()] = $("#floor").val(); 
});