Compra de productos, al insertar código, mostrar el nombre del producto al que pertenece.
Este es el código:
<div class="md-modal md-dark custom-width md-effect-9" id="formnproducto">
<div class="md-content">
<div class="modal-header">
<h3>Compra de Producto</h3>
<button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body form">
<form id='fcproducto' name='fcproducto' data-parsley-validate>
<div class="form-group" id='mproducto' style="display:none">
<label>Producto</label>
<select class="form-control" id="producto">
<option value='0' selected>Seleccionar</option>
</select>
</div>
<div class="form-group" id='mcodigo'>
<label>Código</label> <input type="text" class="form-control" required placeholder="Código" id='codigo' name='codigo' autofocus>
</div>
<div id="clicboton"><span id="btnbuscar" class="btn" onclick="$('#btncancelar').show('slow'); $('#btnbuscar').hide('slow'); $('#mproducto').show('slow'); $('#mcodigo').hide('slow');">Buscar</span><span style="display:none" id="btncancelar" class="btn" onclick="$('#btnbuscar').show('slow'); $('#btncancelar').hide('slow'); $('#mcodigo').show('slow'); $('#mproducto').hide('slow');">Regresar</span></div>
<div class="form-group">
<label>Nombre</label> <input type="text" class="form-control" id='nombre' name='nombre' onchange="document.getElementById('').innerHTML = valorname = this.value">
</div>
<div class="form-group">
<label>Cantidad</label> <input type="text" class="form-control" required placeholder="Cantidad" id='cantidad' name='cantidad' value="1">
</div>
<div class="form-group">
<label for="cant" class="control-label">Nota</label> <textarea class="form-control" required placeholder="Nota" id='nota' name='nota' rows="3"></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-flat md-close" data-dismiss="modal">Cancelar</button>
<button type="submit" class="btn btn-primary btn-flat">Aceptar</button>
</div>
</div>
</div>