Untitled

<html>
<head>
    <title>Pokemon Database</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/boostrap/3.3.7/js/bootstrap.min.js></script>
    <script src="/static/selectMove.js"></script>
    <script src="/static/updatepokemon.js"></script>
</head>
<body>

<h1> Update sadfasdf: </h1>
<form id="update-pokemon" action="/pokemon" method="post">
    Pokemon Name: <input type="text" name="pokemonname" value="sadfasdf"><br>
    Evolution Level: <input type="text" name="evolutionlevel" value="0"><br>
    Primary Move: <select name="movename" id="move-selector">
        <option value="1">Vine Whip</option>
        <option value="2">Razor Leaf</option>
        <option value="3">Solar Beam</option>
        <option value="4">Ember</option>
        <option value="5">Flame Burst</option>
        <option value="6">Flamethrower</option>
        <option value="7">Bubble</option>
        <option value="8">Water Gun</option>
        <option value="9">Hydro Pump</option>
        <option value="10">String Shot</option>
        </select><br>
        </form>
    <button onclick="updatePokemon(13)">Update</button>
    <script>selectMove(1);</script>
</body>

function selectMove(id) {
        $("#move-selector").val(pokemonid);
}

function updatePokemon(id) {
        $.ajax({
                url: '/pokemon/' + id,
                type: 'PUT',
                data: $('#update-pokemon').serialize(),
                success: function(result) {
                  window.location.replace("./");
                }
        })
};