Question

<form id="form1">
    Title: <input type="text" id="title1" size="25"/><br/><br/><br/>
    Description <input type="text" id="desc1" size="55"/><br/><br/><br/>
    <input type="submit" value="Submit" onclick="doit();"/>
</form>

<script type="text/javascript">
function doit(){
    var title = document.getElementById("title1").value;
    var description = document.getElementById("desc1").value;

    document.write("<h3>Title: " + title + "</h3>");
    document.write("<h3>Description: " + description + "</h3>");
}
</script>

我需要getElementById的帮助。我的脚本获取用户在文本框中键入的值，当用户单击“提交”时，使用document.write将值写入页面，但代码无法按预期工作。

<script type="text/javascript">
function doit() {
    document.write("Do it function");
    var title = document.getElementById("title1").value;
    var description = document.getElementById("desc1").value;

    document.write("<h3>Title: " + title + "</h3>");
    document.write("<h3>Description: " + description + "</h3>");
}
</script>

执行甚至没有到达函数的第一行。在按钮中我有：

<input type="submit value="submit" onclick="doit();"/>

Answer 1

如果：

<input type="submit value="submit" onclick="doit();"/>

确实是你所拥有的，你错过了一个引用（语法着色应该很明显，理由足以确保你使用提供这种着色的编辑器）。

应该是：

<input type="submit" value="submit" onclick="doit();"/>

您还应该知道document.write()，如果文档已经关闭，则会自动打开并清除文档，因此您的第一个write可以进行控制这些ID会消失，具体取决于HTML的结构。

Answer 2

请改变你的HTML

<input type="submit" value="submit" onclick="doit();"/>

getElementById根本不起作用

2 个答案: