首页

58问答库 > jquery实现select中option列表，选择其中一个option则显示对应div内容

jquery实现select中option列表，选择其中一个option则显示对应div内容

2024-11-16 12:31:31

推荐回答（5个）

回答（1）：

题目说的不太清楚，是不是下面的效果？

首先引用jquery

js代码

function chselect()
        {
            var val = $("#s1").val();
            $("#option div").hide();
            $("#" + val + "").show();
        }

html代码



        
            option1显示
            option2显示
            option3显示
        
    


   
       我是option1

我是option2

我是option3

回答（2）：

2

3

	
	$(document).ready(function(){
		$("#s1").change(function(){
			var item = $(this).val();
			$("div").hide();
			$("#div"+item).show();
		});
	});

回答（3）：

可以使用bootstrap来实现你要的效果。
地址：http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html

回答（4）：

测试无效，是不是需要加载jq？

回答（5）：

你这问题问的

相关问答

最新问答

是一个外国恐怖电影我也不知道名字是一，只记得剧情是这样，开头是一个没有脸，脸已经差不多腐烂的怪人从

唱歌时，唱高音很紧张，喉咙打不开，怎么办

我和老婆一开口说话就吵架问题出在什么地

两个西班牙语问题

手机里的QQ怎么设置字体？

为什么我的电脑不装显卡驱动分辨率可以到1600X1200,但装显卡驱动后分辨率最高只能到1024X768？

曲靖师范学院离城远吗?

当我在做低压无功补偿柜时，如果我已经算出来了需要的电容的容量，我想知道怎么确定与之匹配的电抗，

长沙物流公司排名情况是怎样的？

一个言字旁加一个竭的右半部分是什么字?