2015-09-07 90 views
0

我想添加nameInput變量先前詢問的url來搜索它,可能嗎?如何把變量放在url中

<html> 
    <head> 
     <script id="jsbin-javascript"> 
      var names = []; 
      var nameInput = [ff]; 

      function insert() { 
       alert(nameInput.value); 
      } 
     </script> 
    </head> 
    <body> 
     <form> 
      <input id="name" type="text" placeholder="Nombre" /> 
      <input type="button" value="Mostrar" onclick="insert()" /> 
     </form> 
     <a href="http://reser.com" &+nameInput ">link text</a> 
    </body> 
</html> 

回答

1

獨立 HTML和JavaScript:

HTML

<input type="text" id="inputUser" value=""/> 
<a id="outputUser">Go to user page</a> 

添加到<a>的單擊事件:

a.addEventListener("click", function() {}); 

獲取的輸入值:

var user = document.getElementById("inputUser").value 

附加到網址:

a.href = url + input; 

完整的JavaScript

var a = document.getElementById("outputUser"); 

a.addEventListener("click", function() { 
    var user = document.getElementById("inputUser").value; 
    a.href = "http://reser.com/" + user; 
}); 

<script>進去<body>你的HTML後:

<body> 
    HTML 
    <script></script> 
</body> 
+0

不客氣! – Sun

0

您可以修改window.location.href屬性以將用戶重定向到新的URL。

window.location.href = window.location.href + nameInput 

如果您希望用戶點擊您可以在onclick事件的鏈接綁定insert()然後進行重定向。

0

我會建議你做這樣的事情,給錨標記和編號,並用JavaScript檢索它,並與您添加HREF所需值

<a id="unique"href="http://reser.com"&+nameInput">link text</a>

document.getElementById("unique").setAttribute("href", yourDesiredValue); 

有可能你必須使用

​​

其中0將網頁上的錨標籤的數量

0

通過給你的錨標籤一個id,例如「test」,你可以將輸入值傳遞給它的href屬性。

function insert () { 
    var newName = document.getElementById("name").value; 
    document.getElementById("test").setAttribute("href","http://reser.com/" + newName); 

    }