将选择框设置为选中，同时打开模式更新

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 attribu TE。您需要使用Attribute Selector来定位vehicle下拉元素。

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

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

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