2016-12-05 2 views
0

Здесь я обновляю данные через modal и его работу, но дело в том, что я хочу показать выбранные данные как выбранные. Функция обновления работает, но не получает идеи для выбранного значения.set selectbox как выбранный при обновлении, открытый в модальном

Вот мой взгляд

<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')); 
    }); 
}); 

ответ

2

Как не указан ID attribu т.е. Вы должны использовать Attribute Selector для таргетинга на раскрывающийся элемент vehicle.

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

ИЛИ Установите атрибут vehicle выпадающего элемента ID.

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

Не устанавливайте идентификатор. Установка идентификационных элементов на месте повсюду - анти-шаблон. Также было бы лучше выбрать по классу, а не по атрибуту name. – grzesiekgs

Смежные вопросы