How can i retrieve data from mysql by using select option and it will display the information in the same page this is my html file. I don't know how to implement codes in control.js, service.js and php

            <label class="item item-input item-select">
                <div class="input-label">
                    Select Subject
                </div>
                <select>
                    <option selected></option>
                    <option>PE 101</option>
                    <option>Engl 101</option>
                    <option>Math 101</option>
                    <option>IT 111</option>
                    <option>Prof 101</option>
                    <option>Fil 101</option>
                    <option>NSTP 101</option>
                    <option>Phys 101</option>
                    <option>IT 112</option>

                </select>
            </label>

        </div>
    </div>
    <form id="seniorHighAttendance-form7" class="list ">
        <label class="item item-input " id="seniorHighAttendance-input8" name="time">
            <span class="input-label">Select Date</span>
            <input type="date" placeholder="">
        </label>
        <label class="item item-input " id="seniorHighAttendance-input9" name="time">
            <span class="input-label">Select Time</span>
            <input type="time" placeholder="">
        </label>
    </form>
    <div style="margin-right:-20px;">
        <button id="seniorHighAttendance-button11" style="left:-10px;font-weight:600;color:#0AF0F0;font-size:22px;border-radius:20px 20px 20px 20px;" class=" button button-dark  button-full icon ion-android-person-add ">Submit Attendacne</button>
    </div>
</ion-content>