Javascript for html，根据用户输入显示最初为隐藏元素的特定图像

我需要在网站中嵌入一些javascript，我希望它能做到以下几点：

我想在网站内有一组隐藏的图像，根据用户的输入（进入查询框），指定为某个输入值的某个图像应该出现，因此不再不可见

---

在我的例子中，我正在制作一个时间表，我有一组5幅图像，当用户输入例如“星期一”时，设置为该值的图像（星期一时间表）应该出现。请帮助我为html文档编写此javascript。

您可以使用数据属性将特定元素（图像）链接到相应的选项

<select id="dow">
    <option>-- PLEASE SELECT --</option>
    <option data-target='div1'>Monday</option>
    <option data-target='div2'>Tuesday</option>
</select>
<div id="images">
    <div id="div1" class="hidden">Image for Monday</div>
    <div id="div2" class="hidden">Image for Tuesday</div>
</div>

---

看看这个。

欢迎来到SO！如果不显示到目前为止您已经尝试了什么，并添加相关的标记，这个问题很可能会结束。您尝试了什么？你有一些代码要显示吗？什么是查询框？您希望用户键入“星期一”还是从列表中选择它？非常感谢您的帮助。我会尝试一下，做一点分析，然后我会让你知道这是否对我有帮助。谢谢

​$('#dow').change(function() {
    var id = $(this).find(':selected').data('target');
    $('#images > div').hide();
    $('#' + id).show();
});​​​​