javascript - 在模式中打开更新时将选择框设置为选定状态

Question

这里我通过模态及其工作方式更新数据，但问题是，我想将选定的数据显示为选定的。更新功能正在运行，但不知道要选择的值。

这是我的观点

<td><a class="btn btn-primary vehicle_user" data-toggle="modal" data-target="#myModaledit" id="<?php echo $row->id;?>"  vehicle="<?php echo $row->vehicle_id; ?>">Edit</a></td>

这是我的模式

<div class="modal fade" id="myModaledit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Edit Vehicle</h4>
      </div>
      <form action="<?php echo base_url();?>vehicle/vehicle_control/edit_vehicle_user" method="post">
        <div class="modal-body">


          <div class="form-group">
            <label for="vehicle" class="control-label">Vehicle:</label>
            <select name="vehicle" class="form-control">
              <?php foreach($vehicles as $res){?>
                <option  <?php if($res->id==$row->vehicle_id)echo 'selected' ?>  value="<?php echo $res->id;?>"><?php echo $res->name;?></option>
              <?php }?>
            </select>
          </div>
      </div>
        <div class="modal-footer">
          <input type="hidden" name="id" value="" id="vehicle_user_id">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="submit" class="btn btn-primary">Save changes</button>
        </div>
      </form>
    </div>
  </div>
</div>

这是我的 jQuery 脚本

$(document).ready(function() {
    $(".vehicle_user").click(function() {
        var id = $(this).attr('id');
        //alert(id);

        $("#vehicle_user_id").val(id);
        $("#vehicle").val($(this).attr('vehicle'));
    });
});

Answer 1

因为您没有指定 ID 属性。您需要使用Attribute Selector以vehicle 下拉元素为目标。

$("[name='vehicle']").val($(this).attr('vehicle'));

或者，设置 vehicle 下拉元素的 ID 属性。

<select id="vehicle" name="vehicle" class="form-control">
</select>