Отображение данных из выбранного значения в теге выбора в другое текстовое поле - PullRequest
0 голосов
/ 13 сентября 2018

Я хочу вызвать 2 значения из базы данных, чтобы разместить их на , выбрать "выпадающий список" и на тип ввода текста .

Это может рассматриваться как иллюстрация:

enter image description here

Когда я выбираю идентификатор поставщика , я хочу, чтобы атрибут выбранного значения отображался в поле Имя поставщика . Как мне следует поступить?

Это код, который мне нужно вызвать значение для тега:

в модели:

function getAllGroups(){

   $query = $this->db->query('SELECT idvendor, vendorname FROM tbvendor');


            return $query->result();

            //echo 'Total Results: ' . $query->num_rows();
        }

в контроллере:

public function addshipment(){
        $data['title']= 'Vendor ID';
        $data['groups'] = $this->m_shipment->getAllGroups();
}

в представлении:

<div class="form-group">
  <label>Vendor ID:</label>
    <div class="input-group">
       <div class="input-group-addon">
           <i class="fa fa-institution"></i>
       </div>
         <select class="form-control input-box" name="idvendor">
            <?php 

             foreach($groups as $row)
             { 
              echo '<option value="'.$row->idvendor.'">'.$row->idvendor.'</option>';
                }
                ?> 
         </select>
 </div>      
</div> 

А это таблица в моей базе данных

enter image description here

Мне уже удалось вызвать idvendor для размещения его в раскрывающемся поле Select, но я все еще не могу найти способ поместить имя поставщика в текст ввода типа , когда я выбираю idvendor.

Надеюсь, кто-нибудь может дать мне ответ. Спасибо

1 Ответ

0 голосов
/ 13 сентября 2018

По сути, imho, это довольно простая задача - поскольку вы не разместили код, я дам вам пример

ваше поле выбора

<select name="">
    <option value="" data-vendor-name="your vendor name">Vendor Name</option>
</select>

ваше поле ввода

<input type="text" name="data-vendor-name" value="" />

и код jquery

$( document ).ready(function() {
    $('option[data-vendor-name]').on('change', function()   {
        $('input[name="data-vendor-name"]').val($(this).attr('data-vendor-name'));
    });
});
...