Столкнувшись с проблемой прокрутки при создании цепочки выпадающего

Question

Я сталкиваюсь с проблемой прокрутки при создании цепочки выпадающего списка.

Я использую php в качестве языка программирования и codeigniter в качестве основы, вот коды

Просмотреть коды

     <div class="form-row">
       <div class="col-md-4">
         <label for="inputBody">Body Number</label>
         <select name="inputBody" id="inputBody" class="form-control" required="required">
            <?php foreach ($body as $bd) { ?>
              <option value="<?php echo $bd->bodynumkids ?>" onchange="ambildata('+<?php echo $bd->bodynumkids ?>+');"><?php echo $bd->bodynumkids ?></option>
            <?php } ?>
          </select>
        </div>
        <div class="col-md-6">
           <label for="inputKiddie">Kiddies Name</label>
           <input type="text" name="inputKiddie" id="inputKiddie" class="form-control" placeholder="ex. Super Cop" required="required">
        </div>
        <script type="text/javascript">
           function ambildata(x) {
             $.ajax({
                type:'POST',
                data :'input='+x,
                url :'<?php echo base_url()."Repairpaint/chained" ?>',
                dataType: 'json',
                success: function(data){
                   console.log(data);
                }
               })
              }
          </script>
       </div>

Коды контроллера

public function chained()
    {
        $dataKiddie = $this->input->post('input');
        $where = array('bodynumkids'=> $dataKiddie);
        $namakiddie = $this->Model_repairpaint->chaincb('kiddiejadi', $where)->result();
        echo json_encode($namakiddie);
    }

Результат не появился в консоли, только эти предупреждения, которые появляются

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!

Ожидается, что данные из базы данных появятся в консоли, когда я нажму на раскрывающийся список. Может кто-нибудь здесь сказать мне решение? Спасибо, что помог мне.

Answer 1

Поместите ambildata() функцию в <select> тег, а не в <option>

<select name="inputBody" id="inputBody" class="form-control" required="required" onchange="ambildata(this.value)">

И второе - некоторые изменения в вызове Ajax

url : '<?php echo base_url("Repairpaint/chained"); ?>'

ИЛИ

url : '<?php echo base_url(); ?>' + 'Repairpaint/chained';

Отправка данных

data : { 'input': x }