保存与下拉选择对应的文本框值答案

【问题标题】：Saving textbox values corresponding to dropdown selection保存与下拉选择对应的文本框值
【发布时间】：2015-02-06 18:10:19
【问题描述】：

我有一个下拉框，我在其中选择一个值并在文本框中输入值（例如：我选择 2 楼并在 3 个文本框中输入各自的值，然后再次选择 3 楼和各自的值等等，最后两者都应该得到附加。幸运的是我得到了这个）。但问题是每当我更改文本框值时，它应该覆盖相同的下拉值，但它会保存文本框以前和现在的值（例如：如果我选择 5 楼并在文本框中写入值如果我再次更改它，它不会覆盖而不是用相同的值保存两次）。请帮助我解决问题。 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" />

【问题讨论】：

标签： jquery html

【解决方案1】：

替换$("#floor").change();内的行

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

【讨论】：

【解决方案2】：

清除警报后提供的 var area 的值 ..

【讨论】：

【解决方案3】：

我自己找到了答案

 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);
});

【讨论】：