问HTML按钮必须按两次才能显示表格

EN

<form id="form1" method="POST" action="" enctype="">
            
            <table>
                <tr>
                    <td>
                        <br>
                        MySQL
                    </td>
                    <td>
                        User <br>
                        <input type="text" name="user" id="user" required>
                    </td>
                    <td>
                        Password <br>
                        <input type="text" name="pwd" id="pwd" required>
                    </td>
                    <td>
                        Database <br>
                        <input type="text" name="db" id="db" required>
                    </td>
                    <td>
                        <br>
                        <button type="submit" id="goBtn">Go</button>
                    </td>
                </tr>
            </table>
        </form>

$(document).ready(function(){
    
    $("#form1").on('submit', function(e){
        e.preventDefault();
        // const user = $("#user").val();
        // const pwd = $("#pwd").val();
        // const db = $("#db").val();

        console.log("MESSSADRFE")
        var text = document.getElementById("showDatabaseTableForm");
                if (text.style.display === "none"){
                    text.style.display = "block";
                } else{
                    text.style.display = "none";
                }
        var login = {
            user: $("#user").val(),
            pwd: $("#pwd").val(),
            db: $("#db").val()
        }

        $.ajax({url: 'http://127.0.0.1:5000/qbe/?query={login(user:"'+$("#user").val()+ '",pwd:"'+
        $("#pwd").val()+ '",db:"'+$("#db").val()+ '"){table}}',
        "headers": {
            "accept": "application/json",
            "Access-Control-Allow-Origin":"*"
        }, 
        
        type:'POST',
        data: login,
        success: function(result){
            data = result.data.login;        
            var htmlCode = "<table><tr>";
            arr = [];
            for(var i = 0; i < data.length; i++){
                var item = Object.values(data[i]);
                //arr.push(item);
                console.log(item);
                
                 htmlCode+= '<td><b>'+item+":"+'</b></td>'
                     htmlCode +='<td><select id="dropdwn">'+
                    '<option value="0">0</option>'; 
                    
                    for (var j = 1; j<  3; j++){
                        htmlCode+='<option id="first" value="'+item+'">'+j+'</option>';
                        
                        console.log(j);
                    }

                    //htmlCode += '</td>';
            }
            htmlCode += "</select></td></tr><table>";
            htmlCode +='<input type="button" value="Get Skeletons" onclick="getInfo()"><input type="reset" value="Reset Skeletons">'
            $("#showDatabaseTableForm").html(htmlCode);
        },
        error: function(error){
            alert("ERROR");
            console.log(console.error);
        }
    });
    });
});