получить выбранное выпадающее значение из базы данных, повторить значение

Question

извлекает выбранное раскрывающееся значение из базы данных, повторяет значение, и оно не вызвало второе раскрывающееся значение с помощью ajax.У меня есть форма для создания деятельности.Раскрывающийся ajax для программы и категории работает хорошо при создании новых действий.Но как только я пытаюсь отобразить созданные мной действия, которые являются формой редактирования, и я получаю все значения, программа и категория ajax не работают

Здесь мои две выпадающие программы и категория этих двух зависимы.

Вот кнопка

<li><a style="text-align:left" class="btn waves-effect waves-light" data-toggle="modal" data-target="#<?php echo $rowss['id']; ?>">Edits</a></li>

Вот модальная

<div class="modal fade" id="<?php echo $rows["id"]; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="form-group">
                <label for="programs" class="col-sm-3 control-label">Program</label>
                <div class="col-sm-9">
                <select name="programs" class="programs form-control" id="programs" onchange="get_category(this);">

                <?php 
                foreach($programs as $row)
                {
                if($row['tcp_id']==$eveprrm['tcp_id'])
                {
                ?>
                    <option value="<?php echo $row['tcp_id']; ?>" selected><?php echo $row['tcp_name']; ?></option>
                    <?php 
                    } else {
                    ?>
                    <option value="<?php echo $row['tcp_id']; ?>"><?php echo $row['tcp_name']; ?></option>
                    <?php 
                        }
                    }
                    ?>
                </select>
                </div>
            </div>

            <div class="form-group">
                <label for="categorys" class="col-sm-3 control-label">Category</label>
                <div class="col-sm-9">
                    <select name="categorys" class="form-control" id="categorys">
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>

, когда я выбираю и отображаю значение параметра для программы, раскрывающийся список категорий не вызвал JavaScript для ajax.Ниже приведен мой сценарий для ajax.

<script>
    function get_category(sel)
{
    var tcp_id = sel.options[sel.selectedIndex].value; 
    if(tcp_id){
    $.ajax({
    type:'POST',
    url:'fetch_data.php',
    data:'tcp_id='+tcp_id,
    cache: false,

    success:function(html)
    {
        $('#categorys').html(html);

    }
    }); 
    }
    else
    {
        $('#categorys').html('<option value="">Select category first</option>');\
    }
}
</script>

, а это мой код fetch_data.php

if(isset($_POST["tcp_id"]) && !empty($_POST["tcp_id"]))
{
    $progs = $bdd->prepare("SELECT * FROM category_new WHERE tca_program_id = ".$_POST['tcp_id']);
    $progs->execute();
    $rows = $progs->fetchAll();

    echo '<option value="">Select category first</option>';
    foreach($rows as $row)
    { 
        echo '<option value="'.$row['tca_id'].'">'.$row['tca_name'].'</option>';
    }

}