使用下拉列表填充文本框，并将多个变量传递到表单（javascript）

我有一个下拉菜单，其中加载了数据库中的用户名。我想在选择名称时将用户余额填充到其下方的文本框中。我可以用下面的代码将当前下拉值传递到下面的文本框，但我需要能够维护要传递到表单的下拉值（user_id）的值。我对javascript知之甚少；希望有人能帮我一把

谢谢

function set_to(id)
{
$('#private_list').val(id);

}


<div class="wrapper container">
<div class="row">
<div id="loginbox" class="mainbox col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
<div class="panel panel-default" >
  <div class="panel-heading">
    <div class="panel-title text-center"><strong>Adjust Balance</strong>       </div>
  </div>
  <div class="panel-body" >
    <form action="adjust_balance" name="adjust_balance" id="login-form" class="form-horizontal" enctype="multipart/form-data" method="POST">

  <option value="" disabled selected>Select User Name</option>
      <div class="input-group">
      <span class="input-group-addon"><i class="fa fa-user"></i></span> 
      <select class="form-control" name="id" onchange="javascript:set_to(this.value);"">
        <?php
         foreach($users as $row){
          echo '<option value="'.$row->id.'">'.$row->first_name.' '.$row->last_name.'</option>';
        }
        ?>                          


      </select>
</div>

<div class="input-group">
        <span class="input-group-addon"><i class="fa fa-usd"></i></span>
        <input id="private_list" type="text" id="private_list" name="balance" class="form-control" name="balance" value="" placeholder="Balance">
      </div>       
<br>
<br>

      <div class="form-group">
        <!-- Button -->
        <div class="col-sm-12 controls">
        <!--<button type="submit" href="#private_list" class="btn btn-success pull-left"><i class="fa fa-upload"></i> Load List</button>-->
          <button type="submit" href="#" class="btn btn-success pull-right">   <i class="fa fa-upload"></i> Update User Balance</button>
        </div>
      </div>
    </form>
  </div>
</div>
</div>
</div>

功能设置为（id）
{
$（'private#u list'）.val（id）；
}
调整平衡
选择用户名
您必须使用数据中的用户id向控制器发送ajax请求。在服务器端，您将获得此用户id并进行查询，从而获得针对该用户的所需结果。现在，您必须在“选择选项”中填充该记录并回显它们。您将在“成功数据”中获得这些选项。然后只需将这些选项放入在选择中

 $('#select-id').change(function (){

    var select-value=$('#select-id').val();
        $.ajax({
            url:"url-of-controller",
            data:{user-id:select-value},
            type:"get",
            success:function (data){
               $("#target-select").html(data);
            },
            error:function (err){
               alert(err);
            }



        });

    });

我能够让它与这个工作；可能不是最好的解决方案，但我已经编写了大约一周的代码，它可以正常工作

$('#userbalanceselector').on('change', function () {
var val = this.value;
var parts = val.split("_");
$('#balance').val(parts[0]);
$('#user_id').val(parts[1]);
});

所以让我直说吧。你正在写一个金融应用程序，在那里我可以看到你所有客户的名字，然后你会给我看他们的余额。给我力量，这听起来像是一个很好的开端，对艾尔·哈克斯诺来说，这是我和我的朋友们的一个小曲棍球应用程序。我厌倦了每场比赛都要筹钱，所以我希望能够在那里调整平衡。如果有人想入侵我的私人皮卡曲棍球应用程序，那不会是世界末日。我感谢你的帮助，只是略高于我的技能水平。你必须包括jquery库。然后此代码将正常工作。