Question

我有一个指向服务器中数据库的链接，我正在使用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>

这是我到目前为止所有的事情而且我被困住了

Answer 1

执行此简单的提交活动

 $('#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
})

Answer 2

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

如何更改HTML'表单操作的一部分：使用Java脚本或html ID链接'元素

2 个答案: