javascript - Html onclick 链接+document.getEelementById("email").value?

Question

老实说，我对 Html/javascript 很陌生。我正在尝试从（http://www.wix.com）创建一个网站，它只包含一个文本框和一个按钮。

Wix.com 只是一个网站建设者，不支持整个网站的 html 编辑。所以我必须使用 html/javascript 来设置输入文本框和一个按钮。

我想知道的要点是如何在按钮上设置配置以链接（http://www.example.com/）+inputtext（myroom） ... | 例子：

http://www.example.com/myroom

.....我将我的文本框ID设置为“电子邮件”并尝试使用许多代码。但仍然无法正常工作。

请为我建议。先感谢您。

  <button onclick="window.location.href='http://www.example.com/'+document.getEelementById("email").value;">Continue</button>

Answer 1

让我们知道您的输入类型是文本还是带有 id="email" 的电子邮件，如果它的 type="text" 您可以使用写下的代码

var email_val;
 function load() {
 email_val =  document.getElementById('email').value;
 window.location.href = 'http://www.example.com/'+email_val };

<input type="text" id="email">
<button onClick="load()" >Click Here</button>

Answer 2

试试这个方法。。

 <button id="btntest">Continue</button>

$(document).ready(function(){
 $("#btntest").click(function(){
  var emailVal = $("#email").val();
  window.location.href="http://www.example.com/"+emailVal;
});
});

Answer 3

您的 javascript ( ) 中有一个错字getEelementById，并且您在双引号字符串中使用了双引号，这就是它不起作用的原因。

一个简单的更正是：

<button onclick="window.location.href = 'http://www.example.com/' + document.getElementById('email').value;">Continue</button>