Question

当按下'submit'btn时，我需要显示“添加了到（（link）”的链接）。我是Java语言的新手。我编写了类似的代码，但是它不起作用。

var form = document.getElementById("form");

form.addEventListener("submit", function(event) {
event.preventDefault();

var link = document.getElementById("link");
var url = document.getElementById("url");

var news = "The link to" + link + "was successfully added";
document.getElementById("new").innerHTML = news;

Answer 1

您必须获得.value的输入。检查一下。

var form = document.getElementById("form");

form.addEventListener("submit", function(event) {
event.preventDefault();
	var link = document.getElementById("link");
var url = document.getElementById("url");

var news = "The link to " + link.value + " was successfully added";
document.getElementById("new").innerHTML = news;
})

<form id="form">
	<input type="text" id="url" />
        <br>
	<input type="text" id="link" />
        <br>
	<input type="submit"/>
</form>

<h1 id="new">
</h1>

Answer 2

根据您对上述问题的评论：

它在浏览器中返回“成功添加到[object HTMLInputElement]的链接”

像.innerHTML这样的声音工作正常。您只是想输出一个完整的HTML元素，而不仅仅是输出它持有的值：

var link = document.getElementById("link").value;

innerHTML无法正常运行Javascript

2 个答案: