在我的页面上,我有一个下拉选择框,默认值为(空)。当用户选择一个条目时,会显示该条目类型的相应表单。
几个问题..
- 代码不是 DRY 并且看起来比它需要的更冗长,因此不容易维护/扩展。
- 当用户选择某些内容,填写表单,进入下一页,然后点击后退按钮时,选择字段已预先选择了他们的选择,但由于没有
.change()
事件,因此不会显示表单框。他们必须选择不同的<option>
,然后单击返回原来的选择以恢复他们的论坛。
这是代码:
<script type="text/javascript">
$(document).ready(function(){
$('#select_type').change(function () {
$('fieldset').css('display','none'); # hide all the forms on the page
var selectval = $('#select_type').val();
if (selectval == 'instance')
{
$('#instance').toggle();
}
if (selectval == 'mob')
{
$('#mob').toggle();
}
if (selectval == 'dailyquest')
{
$('#dailyquest').toggle();
}
if (selectval == 'repeatablequest')
{
$('#repeatablequest').toggle();
}
if (selectval == 'zonequest')
{
$('#zonequest').toggle();
}
if (selectval == 'reward')
{
$('#reward').toggle();
}
});
});
</script>
求助 JS 高手的 SO!