Question

我的网页上有一个选择框，当我选择一个值时，它应该添加另一个选择框，如果我在第二个选择框中选择一个值，我需要添加第三个选择框这是我的代码

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js">   
</script>
<script type="text/javascript"     
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.js">  
</script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type="text/css">
</style>
<script type="text/javascript">//<![CDATA[ 
 $(function() {
        $('#colorselector').change(function(){
            $('.colors').hide();
           $('#' + $(this).val()).show();
      });
   });
//]]>  
</script>
</head>
<body>
<select id="colorselector">
<option value="red">Red</option>
<option value="yellow">Yellow</option>

</select>
<div id="red" class="colors" style="display:none"> <select id="colorselector">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>  </div>
<div id="yellow" class="colors" style="display:none"> 
<select id="colorselector">
<option value="one">one</option>
 <option value="two">two</option>
 <option value="three">three</option>
 </select> 
 </div>


<div id="one" class="colors" style="display:none"> one... </div>
<div id="two" class="colors" style="display:none"> 
<select id="colorselector">
<option value="one">four</option>
<option value="two">five</option>
<option value="three">six</option>
</select> 

</div>
</body>
</html>

我得到了第二个选择框，但是我无法根据选择选择框值添加第三个选择框

Answer 1

如上所述，ID必须是唯一的。

使用：

Yellow > two

http://jsfiddle.net/psyat5s8/

根据其他选择框中的值添加选择框

1 个答案: