我试过环顾四周,还有类似的问题,但是我的方式更简单,但是我在这些论坛中找不到解决方案.
在学习jQuery的同时,当选择一个选择下拉菜单中的项目/选项时,我试图显示一个DIV,并且在选择下拉列表中的任何其他选项时隐藏相同的DIV.
选择HTML：
<select name="source" id="source"> <option value="null" selected="selected">—Select—</option> <option value="s1">Source 1</option> <option value="s2">Source 2</option> <option value="sother">Other</option> </select>
DIV我需要显示何时选择“其他”
<div id="specify-source">Other source here...</div>
选择菜单中的任何其他选项时,上述DIV不可见.
我已经尝试过这个jQuery,但是当然它不能正常工作：
$(function() {
$.viewMap = {
'sother' : $('#specify-source')
};
$('#source').change(function() {
// hide all
$.each($.viewMap,function() { this.hide(); });
// show current
$.viewMap[$(this).val()].show();
});
});
任何帮助,你可以给我,我会非常感激.
谢谢,
解决方法
我看到你正在尝试使用的视图.简化它：
$('#source').change(function() {
($(this).val() == "sother") ? $('#specify-source').show() : $('#specify-source').hide();
});
