JSFiddle - React, Tailwind, and code Playground

HTML

<select name="elejir" onchange="muestra();">
<option value="30">30</option>
<option value="20">20</option>
<option value="10">10</option>
<option value="15">15</option>
</select>

<div><span>ID:</span><input type="text" name="id" id="id" value=""> (introduce el id 10)</div>
<div><span>Nombre:</span><input type="text" name="nombre" id="nombre" value=""></div>
<div><span>Apellidos:</span><input type="text" name="apellidos" id="apellidos" value=""></div>

JavaScript

function muestra(){

var X = $("select[name=elejir]").val();

document.getElementById('id').value=X;

carga();


}

function carga(){

var ar = ["30","20","10","15"];

var valor = $("input[id=id]").val();

var index = $.inArray(valor,ar);

if( index > -1){
	
  switch(index){
  	
    case 0:
    
    	$("input[name=nombre]").val("Carlos");
      $("input[name=apellidos]").val("Moreno");
    
    break;
    
    case 1:
    
    	$("input[name=nombre]").val("Luis");
      $("input[name=apellidos]").val("Gonzalez");
    
    break;
    
    case 2:
    
    	$("input[name=nombre]").val("María");
      $("input[name=apellidos]").val("Martinez");
    
    break;
    
    case 3:
    
    	$("input[name=nombre]").val("Ramón");
      $("input[name=apellidos]").val("Estrada");
    
    break;
  
  }
  
  
}


}