gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 07:41:17 25 4
gpt4 key购买 nike

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

<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>

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

最佳答案

正如上面有人所说,ID 必须是唯一的。

使用:

Yellow > two

http://jsfiddle.net/psyat5s8/

关于javascript - 根据其他选择框中的值添加选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30937880/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com