Javascript 选择下拉菜单选项后显示图片

我想在我的下拉菜单中的一个选项被选中后显示一张图片。图片将取决于用户选择的值。我试着这么做（请记住，我甚至还没有学会JavaScript，多亏了谷歌，我才知道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";
};

document.getElementById（'item'）。onchange=function（）{
document.getElementById（'ipic'）.style.display=“block”；
document.getElementById（'ipic'）。innerHTML=”
items.php，不带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>


用户名：

密码：

项目：
实例
例2



但这不起作用。我听说这与“XMLHTTPREQUEST”和AJAX有关。有人能帮我吗？我不懂JavaScript。
我不确定你认为需要AJAX做什么，但你的脚本几乎可以工作

"<img src='http://example.com/pics/" + this.value + "'.png";

现在，它将尝试在该div中加载一个名为[value].png的图片，“不起作用”是什么意思？您能否在jsfiddle.net中单独重现这个问题，并指出您认为不起作用的地方？
document.getElementById('ipic').innerHTML = "<img src='http://example.com/pics/" + this.value + "'.png' />";