Mostrar valor de un panel

Hola tengo un formulario que recoje unos datos de un webservice.

echo '<div class="modal-header">'; 
    echo    '<button type="button" class="close" data-dismiss="modal">&times;</button>';
    echo    '<h4 class="modal-title">Seleccione Contrato</h4>';
    echo  '</div>';
 
{   
    echo '<div class="modal-body">';   
    echo    '<form  name="formcontract" method="post" action="mira.php" clas="form-horizontal">';
    echo    '<div class="form-group">';
    echo        '<label class="col-sm-3 control-label" for="formGroup" id="contract">Contratos</label>';
 
    echo        '<div class="input-group col-sm-5">';
    echo        '<span class="input-group-addon"><span class="glyphicon glyphicon-list-alt"></span></span>';    
    echo        '<select  name="contrato" class="selectboxit" onchange="mostrarValor(this);">';
    echo '<option selected="disabled">Selecciona un Contrato</option>';
    foreach($incidencias as $cust) 
    { 
 
            echo '<option value="'.$cust->Cdad_disponible.' T de'.$cust->NombreProducto.';">'.$cust->Num_contrato.''.$cust->Num_distribucion.'</option>';
 
    }
 
            echo '</select>';
    echo '</div>';
    echo '</div>';
 
    echo '<div class="col-xs-4">';
    echo '<input type="text" class="form-control"  size="5" name="cupo" id="cupo" disabled/>';
<script>
var mostrarValor = function(x){
            document.getElementById('cupo').value=x.value;
            }
</script>

SI podeis apreciar , segun lo seleciones en el selec , te pinta en el input una cantidad relacionada con el objeto seleccionado.

Bien pues como podria hacer lo siguiente.:

echo '<div class="modal-header">'; 
    echo    '<button type="button" class="close" data-dismiss="modal">&times;</button>';
    echo    '<h4 class="modal-title">Seleccione Contrato</h4>';
    echo  '</div>';
 
{   
    echo '<div class="modal-body">';   
    echo    '<form  name="formcontract" method="post" action="autorizar.php" clas="form-horizontal">';
    echo    '<div class="form-group">';
    echo        '<label class="col-sm-3 control-label" for="formGroup" id="contract">Contratos</label>';
 
    echo        '<div class="input-group col-sm-5">';
    echo        '<span class="input-group-addon"><span class="glyphicon glyphicon-list-alt"></span></span>';    
    echo        '<select  name="contrato" class="selectboxit"  onchange="mostrarValor(this)">';
    echo '<option selected="disabled">Selecciona un Contrato</option>';
    foreach($incidencias as $cust) 
    { 
            echo '<option value="'.$cust->Num_distribucion.'-'.$cust->Num_dist_venta.'-'.$cust->Num_linea_operacion.'-'.$cust->Num_operacion.'">'.$cust->Num_contrato.'||'.$cust->Num_distribucion.'</option>';
 
    }
 
            echo '</select>';
    echo '</div>';
    echo '</div>';
    $cupos = $cust->Cdad_disponible;
    echo '<div class="row">
 
    <div class="col-sm-3">
 
        <div id="cupo" class="tile-stats tile-primary onchange="mostrarValor(this)">
            <div class="icon"><i class="entypo-suitcase"></i></div>
            <div class="num" name="cupo" id="cupo" data-start="0" data-end="'.$cupos.'" data-prefix=", " data-postfix=" Kg;" data-duration="1500" data-delay="0">0 &pound;</div>
 
            <h3>Cantidad disponible para este contrato</h3>
            <p></p>
        </div>
 
    </div>';

EN este quiero hacer lo mismo pero en vez de un input he montado un panel que hace como unrecuento de la cantidad , para que quede mas dinamico. En principio como este formulario esta dentro deun "foreach" , el panel me muestra por defecto la cantidad del ultimo registro , y no hace nada cuando cambio el select

Sabe alguien como lo puedo arreglar?? Gracias