選擇框填充文本區

Question

我有一個代碼，允許您從選擇框中選擇選項。

每個選擇都應該打印不同的文本在提交TEXTAREA

我做了什麼錯？我應該改變什麼？

<script src="jquery.js"></script> 
<form name="form1"> 
    <fieldset name="Group1"> 
     <legend>Group box</legend>Center Title: 
     <select name="ctrTitles" id="ctrTitles"> 
      <option value="1">Corp 1</option> 
      <option value="2">Shamrock Gold</option> 
      <option value="3">Hensin Way</option> 
     </select> 
     <br /> 
     <br /> 
     Address 1: 
     <textarea name="TextArea1" id="TextArea1" cols="20" rows="2"></textarea> 
     <br /> 
    </fieldset> 
</form> 
<script> 
    var centerLocations = new Array({ 
     text1: 'some text1' 
    }, { 
     text2: 'some text2' 
    }, { 
     text3: 'some text3' 
    }); 

    $('#ctrTitles').change(function() { 
     address = $(this).val() 
     val = $(":selected", this).index(); 
     $("#TextArea1").val(centerLocations["text" + address]); 

    }); 
</script> 

Answer 1

隨着你正在訪問你應該改變從數組對象價值的方式，因爲你試圖訪問與屬性名稱的數組不工作的方式，你只能用在數組索引，但你可以通過做centerLocations["text" + address]做到這一點的對象上：

var centerLocations = { 
    text1: 'some text1', 
    text2: 'some text2', 
    text3: 'some text3' 
}; 

Fiddle

2種方式，你可以用數組或對象做到這一點。

使用陣列（僅當選擇的索引相匹配的是，數組項索引的）

var centerLocations = [ 
    'some text1' //you can even get rid of text1, text2 etc.. 
, 'some text2' 
, 'some text3' 
]; 

$('#ctrTitles').change(function() { 
    $("#TextArea1").val(centerLocations[this.selectedIndex]); 

    //with your original structure you would do 
    //$("#TextArea1").val(centerLocations[this.selectedIndex]['text'+this.value]); 

}).change(); 

Demo

使用對象

var centerLocations = { 
    text1: 'some text1', 
    text2: 'some text2', 
    text3: 'some text3' 
}; 

$('#ctrTitles').change(function() { 
    $("#TextArea1").val(centerLocations["text" + this.value]); 
}).change(); 

Demo