Question

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

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

让我们说浏览器地址栏中的链接是：

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

我想做以下事情：

从浏览器地址栏中选择URL并将其拆分为“/”。在这种情况下选择最后一个单词后，它将“测试”并将其插入表单值，ID为“username19”

你能帮我用Javascript或jQuery做这个吗？

Answer 1

您可以使用window.location.pathname从地址栏获取当前路径，然后使用substr将其拆分，最后使用lastIndexOf('/')获取最后一部分，如：

var current_path_name = window.location.pathname
console.log( current_path_name.substr(current_path_name.lastIndexOf('/') + 1) );

希望这有帮助。

Answer 2

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

＆＃13;

var url = document.URL;
var match = url.match(/([^/]*)$/);

console.log(url);
console.log(match);

document.getElementById("username19").value = match[1];

＆＃13;

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

＆＃13;

Answer 3

你可以尝试像 -

JavaScript：

{{1}}

Answer 4

加载输入元素后加载。但是你可以将它绑定到一个事件。

＆＃13;

$('input').load('input', function () {
  var str = window.location.pathname.split("/");         
  var res = str[str.length-1];
  document.getElementById("username19").setAttribute("value", res);
  console.log(res);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Name</lable>
<input name="username" id="username19" type="text" value="">

＆＃13;

拆分链接并插入表单

4 个答案: