Question

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

Answer 1

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

首先引用jquery

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

js代码

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

html代码

<div>

        <select id="s1" onchange="chselect()">
            <option value="option1">option1显示</option>
            <option value="option2">option2显示</option>
            <option value="option3">option3显示</option>
        </select>
    </div>

   <div id="option">
       <div id="option1">我是option1</div>
       <div id="option2" style="display:none">我是option2</div>
       <div id="option3" style="display:none">我是option3</div>
   </div>

Answer 2

<select id="s1">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>
<div id="div1">1</div>
<div id="div2" style="display:none">2</div>
<div id="div3" style="display:none">3</div>

<script type="text/javascript">	
	$(document).ready(function(){
		$("#s1").change(function(){
			var item = $(this).val();
			$("div").hide();
			$("#div"+item).show();
		});
	});	
</script>

Answer 3

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

Answer 4

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

Answer 5

你这问题问的