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

【问题标题】：Populate Text Box with Dropdown and pass multiple variables to form(javascript)使用下拉列表填充文本框并将多个变量传递给表单（javascript）
【发布时间】：2016-07-27 13:17:40
【问题描述】：

我有一个下拉菜单，其中加载了数据库中的用户名。我想在选择名称时将用户余额填充到其下方的文本框中。我可以使用以下代码将当前下拉值传递给下面的文本框，但我需要能够保持下拉值（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>

【问题讨论】：

那么让我直说吧。您正在编写某种金融应用程序，并且有一个页面，我可以在其中查看您所有客户的所有姓名，然后您将向我显示他们的余额。 给我力量 这对所有黑客来说都是一个不错的开始
不，它是我和我的朋友的冰球应用程序。我厌倦了每场比赛都收钱，所以我希望能够调整那里的平衡。如果有人想破解我的私人冰球皮卡应用程序，那也不是世界末日。

标签： javascript php codeigniter

【解决方案1】：

您必须使用数据中的用户 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);
            }



        });

    });

【讨论】：

感谢您的帮助，只是稍微超出了我的技能水平。
你必须包含jquery库。然后这段代码才能正常工作。

【解决方案2】：

我能够让它与它一起工作；可能不是最好的解决方案，但我已经编写了大约一个星期的代码并且它有效。

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

【讨论】：