Change text where selected another option in select

by NayosX Ness

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
	<div class="row">
		<div class="col-sm-4 col-md-4 col-md-offset-4">
			<form>
				<div class="form-group">
					<label class="control-label">Seleccione algo</label>
					<select id="cambiarTexto" class="form-control">
						<option value="0">-- Seleccione un texto --</option>
						<option value="1">Texto corto</option>
						<option value="2">Texto largo</option>
					</select>
				</div>
				<div class="form-group">
					<div id="mostrarTexto" class="alert alert-info">
						Asi inicia el texto y solo cambia cuando se seleciona una opci&oacute;n
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

JavaScript

$(function(){
  var texto = ["Texto inicial", "Esto sera un texto corto", "Esto sera un texto largo que se colocar&aacute; luego de que se seleccione la opci&oacute;n indicada"];
  
  
  $("#cambiarTexto").on("change", function(){
    var index = parseInt($(this).val());
    $("#mostrarTexto").html(texto[index]);
  });
});