gpt4 book ai didi

javascript - 从一个下拉列表中选择一个选项填充其他输入字段

转载 作者:行者123 更新时间:2023-11-30 16:56:29 25 4
gpt4 key购买 nike

我想弄清楚如何在从下拉列表中选择后用特定文本填充其他标签。

因此,如果下拉菜单和另一个下拉菜单低于它,则应该发生以下情况。当您从 dropDown1 中选择“A”时,dropDown2 应填充“您选择了 A”。如果您选择“B”,dropDown2 应该说“您选择了 B”。 “C”也是如此

下面是示例代码。

<html>
<body>
<form>

<select id="dropDown1">
<option value = "A">A</option>
<option value = "B">B</option>
<option value = "C">C</option>
</select>

<select id="dropDown2">
<option value="You chose A">You chose A</option>
<option value="You chose B">You chose B</option>
<option value="You chose C">You chose C</option>
</select>
</form>

</body>

</html>

如有任何帮助,我们将不胜感激。如果您能展示一些很棒的代码,或者如果您能为我指明正确的方向,我就能找到很棒的答案。

最佳答案

对于像您拥有的预定义值,您可以使用以下 jQuery/JavaScript 代码:

$(function() {
$('#dropDown1').change(function(){
$('#dropDown2').val('You chose ' + this.value);
});
});

JS Fiddle 在这里:http://jsfiddle.net/vleong2332/82w7p0a6/

这里是当 dropDown2 改变时改变 dropDown1 的例子。 http://jsfiddle.net/vleong2332/82w7p0a6/1/

关于javascript - 从一个下拉列表中选择一个选项填充其他输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29633699/

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