How do I repeat this piece of javascript?

See more:

Javascript

HTML

I want to repeat this piece of code for multiple different dropdown boxes, however, I'm having real difficulties. I'm new to this, so the mistake may be really obvious! What bits of the code do I need to change so I can use it again?

 <script language="JavaScript">

var DivTxt = new Array()
DivTxt[1] = "Most magnets have a North Pole and a South Pole. Two of the same poles will not get on and will, therefore, repel each other. However, opposite poles will attract each other, so will form the best relationships."
DivTxt[2] = "Most magnets have a North Pole and a South Pole. Two of the same poles will not get on and will, therefore, repel each other. However, opposite poles will attract each other, so will form the best relationships."

function getText(slction){
txtSelected = slction.selectedIndex;
document.getElementById('textDiv').innerHTML = DivTxt[txtSelected];
}
</script>
  
 <label for="critical">I am looking for a   </label> 
  
<Select class="body_text" name="critical" onchange="getText(this)" style="height:30px;">
<option value="Select"> Select </option>
   <option value="North Pole"> North Pole </option>
   <option value="South Pole"> South Pole </option>    
</select>
<div id="textDiv" style="color:black; font-family:ariel; font-size:15px; font-weight:regular"> </div>

What I have tried:

Tried changing the DivTxt numbers.