分割リンクと私は、次のようなHTMLフォームを持っている私のサイト上のフォーム

Question

に挿入します。

<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

使用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="">

Answer 2

あなたはsubstrを使用して、それを分割し、最終的に同じようlastIndexOf('/')を使用して最後の部分を取得し、その後window.location.pathnameを使用してアドレスバーから現在のパスを取得することができます：

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

・ホープ、このことができます。

Answer 3

正規表現で最後の単語を取得する -

JavaScriptを：

function ReplaceHash(){ 
    var url  = window.location.pathname;  /*URL without HASH*/ 
    var hash  = window.location.hash;   /*Only Hash URL*/ 
    var lastWord = hash.split('/'); 
    lastWord[(lastWord.length)-1] = 'username19'; /*Put your text here*/ 
    hash   = lastWord.join('/'); 
    url   = url + hash;     /*Your New URL*/ 
    return url; 
} 

var newUrl = ReplaceHash(); 
console.log(newUrl); 

Answer 4

入力要素が読み込まれた後に読み込まれます。しかし、それをイベントに結びつけることができます。

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

<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="">