我的代码有什么问题。标题未显示在 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>
最佳答案
这是因为当脚本运行时,元素 bannerAdTitle
将没有值。我不太确定您要做什么,但您可能希望将 change
事件监听器附加到 bannerAdTitle
输入,并从那里写入值:
document.getElementById("bannerAdTitle").onchange = function() {
document.getElementById("banAdT").innerHTML = this.value;
}
每次触发更改事件时,都会将 bannerAdTitle
的值写入 banAdT
元素。
关于Javascript 变量未显示在 HTML 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7010062/