如何使用 Java 脚本或 html ID 更改部分 HTML 'form action: link' 元素

我有一个指向服务器中数据库的链接，我正在使用一个HTML表单，其中操作指向链接并从服务器获取信息。

我需要更改链接的"用户名"部分，以便它接受我输入的用户名并在链接中使用它。实现这样的事情的最佳方法是什么？

<body>
        <form id = "me" action= "http://10.10.10.10/foods/<username>/" target="_blank"  method="GET">
            <h2>Enter Username</h2>
                <input type="text" name="user" placeholder="username" id = "user" >
                <br>
            <button class="button" type="submit" value="Submit" >get</button>
        </form>
        <script>
          var username = //need to get input username;
           document.getElementById('me').action = "http://10.10.10.10/foods/" + username + "/";
</script>
</BODY>

这就是我到目前为止所拥有的一切，我被困住了

执行此简单的提交事件

 $('#me').submit(function(e){
  e.preventDefault();//prevent the submit
  var username = $(this).find('#user').val();//take the username
  window.location = "http://10.10.10.10/foods/" + username + "/";//redirect to the page
})

<script>
    var username = document.getElementById("me").action;
    var updatedStr = username.replace("<username>", "action name");
    document.getElementById("myForm").action = updatedStr;
</script>

相关内容

最新更新

热门标签：