本文介绍了使用jquery根据下拉列表的索引更改隐藏显示下拉列表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,



我开发了一个简单的网页,我在其中创建了一个默认隐藏的下拉菜单。并且在更改其他下拉时,它将以慢速滑动方式显示。它在所有浏览器中工作正常但除了Internet Explorer。我将提供下面的代码请解决我的问题。



< script type =text / javascriptsrc =js / jquery-1.8 .2.min.js>< /脚本> 
< script type =text / javascript>

函数showSeries(val)
{
if(val!= 0)
{
$(#drp_series)。show(slow );
$(#btn_go)。css(margin-right,305px);
}
else
{
document.getElementById(''drp_series'')。selectedIndex = 0;
$(#drp_series)。hide();
$(#btn_go)。css(margin-right,469px);
$(#main_content)。hide();
}
}
< / script>

< select id =drp_deptclass =text-boxxonchange =showSeries(this.value)>
< option value =0> - 选择 - < / option>
< option value =1> DEBT< / option>
< / select>

< select id =drp_seriesclass =text-boxxstyle =display:none; >
< option value =0> - 选择 - < / option>
< option value =1> Series 1-A< / option>
< option value =2> Series 1-B< / option>
< option value =3> Series 1-C< / option>
< / select>
解决方案



Hi Everyone,

I develop simple web page in which i create a drop down which is hide by default. and on change of other drop down it will visible in slow slide fashion. it works fine in all browser but except internet explorer. I will provide code below please solve my problem.

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">

 function showSeries(val)
{
	if(val != 0)
	{
		$("#drp_series").show("slow");
		$("#btn_go").css("margin-right","305px");
	}
	else
	{
	 document.getElementById(''drp_series'').selectedIndex = 0;
	 $("#drp_series").hide();
	 $("#btn_go").css("margin-right","469px");
	 $("#main_content").hide();
	}
}
</script>

<select id="drp_dept" class="text-boxx" onchange="showSeries(this.value)"  >
		<option value="0">--Select--</option>
		<option value="1">DEBT</option>
		</select>

<select id="drp_series" class="text-boxx" style="display:none;" >
		<option value="0">--Select--</option>
		<option value="1">Series 1-A</option>
		<option value="2">Series 1-B</option>
		<option value="3">Series 1-C</option>
		</select>
解决方案




这篇关于使用jquery根据下拉列表的索引更改隐藏显示下拉列表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-19 02:18
查看更多