javascript - 拆分链接并插入到表单中

Question

在我的网站上，我有一个如下所示的 HTML 表单:

<label>Name</lable>
<input name="username" id="username19" type="text" value="">

假设浏览器地址栏中的链接是:

https://sitename.com/consulting/order-plan/#ref/testing**

我想做以下事情:

从浏览器地址栏中选择 URL 并以“/”分隔。在本例中选择最后一个词后，它是“testing”并将其插入到 ID 为“username19”的表单值中

你能帮我用 Javascript 或 jQuery 来做吗？

Answer 1

使用 document.URL 获取当前 url 并使用正则表达式获取最后一个词

var url = document.URL;
var match = url.match(/([^/]*)$/);

console.log(url);
console.log(match);

document.getElementById("username19").value = match[1];

<label for="username19" >Name</lable>
<input name="username" id="username19" type="text" value="">