[英]Display picture after dropdown menu option is selected
在下拉菜单中选择一个选项后,我想显示图片。 图片将取决于用户选择的值。 我尝试执行此操作(请记住,我还没有学习过JavaScript,感谢Google,我只知道2或3个基本功能):
showpic.js
document.getElementById('item').onchange = function(){
document.getElementById('ipic').style.display = "block";
document.getElementById('ipic').innerHTML = "<img src='http://example.com/pics/" + this.value + "'.png";
};
为了方便起见,没有PHP代码的items.php
<div id='ia'>
<form action='add_items.php' method='post'>
Username: <input name='username' type='username'> <br />
Password: <input name='password' type='password'> <br />
Item: <select name='item' id='item'>
<option value='100'>Example</option>
<option value='200'>Example 2</option>
</select>
<script src='sort.js'></script> <br/> <!-- Sorts Items in Alphabetical Order -->
<div id='ipic'></div>
<script src='showpic.js'></script>
<input name='add' type='submit' value='Add Item'>
</form>
</div>
但这没有用。 我听说这与“ XMLHTTPREQUEST”和AJAX有关。 谁能帮我? 我不懂JavaScript。
我不确定您认为需要AJAX做什么,但是您的脚本几乎可以正常工作!
"<img src='http://example.com/pics/" + this.value + "'.png";
该部分已损坏,因为您启动了<img
元素,但从未关闭它( />
)。
更改为此:
document.getElementById('ipic').innerHTML = "<img src='http://example.com/pics/" + this.value + "'.png' />";
现在它将尝试在该div中加载名为[value] .png的图片
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.