Список раскрывающегося меню из таблицы базы данных sqlite

Я пытаюсь получить данные из таблицы базы данных sqlite для подачи в мой список раскрывающегося меню. Смотрите мои мысли ниже. Проблема в том, что я не знаю, как совместить JS-функцию с HTML-частью.

HTML.html

    <label for = "name"><b>Activity Name:/b></label>          
    <select name = "activity" id = "activity" required>
        <option value = "">--Select--</option>
        getActivity()
    </select>

JS.js

    function getActivity(tx) {
            tx.executeSql('SELECT * FROM tblactivity', [], queryActivity, errorHandler);
                function queryActivity(tx, results) {
            var len = results.rows.length;
            for (var i = 0; i < len; i++) {
               var SelectActivity +='<option value = "' + results.rows.item(i).activityID +'">'+ results.rows.item(i).ActivityName +'</Option>';
            }
            //SelectActivity + = "</Option";
            document.getElementById("activity").innerHTML =SelectActivity;
        }}

В качестве альтернативы в HTML.html, включая функцию, например

    <label for = "name"><b>Activity Name:/b></label>          
    <select name = "activity" id = "activity" required>
    <script>
        function getActivity(tx) {
            tx.executeSql('SELECT * FROM tblactivity', [], queryActivity, errorHandler);
                function queryActivity(tx, results) {
            var len = results.rows.length;
            for (var i = 0; i < len; i++) {
               var SelectActivity +='<option value = "' + results.rows.item(i).activityID +'">'+ results.rows.item(i).ActivityName +'</Option>';
            }
            //SelectActivity + = "</Option";
            document.getElementById("activity").innerHTML =SelectActivity;
        }}
    </script>
    </select>