Question

我的代码出了什么问题。标题不会显示在div banAdT：

中

<form action="" method="post" enctype="multipart/form-data">
    <p>
        Banner Ad Name :<br />
        <input type="text" name="bannerAdName" id="bannerAdName" />
    </p>
    <p>
        Your web page :<br />
        <input type="text" name="bannerAdWeb" id="bannerAdWeb" />
    </p>
    <p>
        Ad image :<br />
        <input type="file" name="bannerAdImage" id="bannerAdImage"/>
    </p>
    <p>
        Title :<br />
        <input type="text" name="bannerAdTitle" id="bannerAdTitle" />
    </p>
    <p>
        Description :<br />
        <textarea name="bannerAdDesc" id="bannerAdDesc" ></textarea>
    </p>
    <div id="button"><input type="button" value="VIEW" onclick="return upload()"/></div>

    <input type="hidden" value="POST" />
</form>
<div id="popupContact">
        <a id="popupContactClose">x</a>
        <div id="contactArea">
            <div id="banAdT">
                <script>document.write(document.getElementById("bannerAdTitle").value);</script> <!-- Displays nothing -->
            </div>
            <img src="" id="preview" width="120" height="120" />
        </div>
    </div>

Answer 1

那是因为当脚本运行时，元素bannerAdTitle将没有值。我不确定你要做什么，但你可能想要将change事件监听器附加到bannerAdTitle输入，并从那里写入值：

document.getElementById("bannerAdTitle").onchange = function() {
    document.getElementById("banAdT").innerHTML = this.value;
}

每次触发更改事件时，都会在bannerAdTitle元素中写入banAdT的值。

Answer 2

document.write在页面加载时执行，但此时您没有给bannerAdTitle一个值 - INPUT为空。

Javascript变量未显示在HTML文件中

2 个答案: