Заполните несколько / другие входные текстовые поля при выбранной опции щелчком по списку данных

Question

У меня есть выбор, где список заполняется из базы данных MySQL, при выборе опции он заполняет текстовые поля ввода с помощью функции изменения.

//select change function populates inputs
$(function(){
    $('#selectdata').change(function(){
        $('#lid').val($('#selectdata option:selected').data('lid'));
        $('#fname').val($('#selectdata option:selected').data('fname'));
        $('#lname').val($('#selectdata option:selected').data('lname'));
    });
});

Использование этого выбора:

<select id="selectdata">
     <?php 
         echo 
         "<option disabled selected hidden>Search Learner</option>";
         $result = mysqli_query($con, "SELECT * FROM learners ORDER BY FirstName") or die (mysqli_error());
         while ( $row=mysqli_fetch_assoc($result)) {
             echo "<option value='".$row['FirstName'].
                 "'data-lid='".$row['ID'].
                 "'data-fname='".$row['FirstName'].
                 "'data-lname='".$row['LastName'].
                 "'>" . $row['FirstName'] . " " . $row['LastName'] ."</option>";
         } 
    ?>
</select>

<!--input boxes that get populated-->
<input type="hidden" value="" id="lid" name="learnerid" placeholder="Learner ID">
<input type="text" value="" id="fname" name="firstname" placeholder="First Name" required>
<input type="text" value="" id="lname" name="lastname" placeholder="Last Name" required>

Теперь вот где я застрял. Я хотел бы использовать аналогичную функцию сценария, но с использованием списка данных вместо элемента выбора.Есть ли сценарий, который работает аналогичным образом, но с даталистом?Это связано с тем, что после выбора опции списка данных мне нужно отправить (опубликовать) отдельные поля выбранной опции в другую таблицу mysql.Извините, что сделал это немного длинным, надеюсь, я получу ответ.