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

我试图弄清楚如何从下拉列表中选择具有特定文本的其他标签。

因此，如果下降和另一个下降低于它，则应发生以下情况。 当你从dropDown1中选择“A”时，dropDown2应填充“你选择了A”。 如果选择“B”，dropDown2应该说“你选择了B”。 同样适用于“C”

以下是示例代码。

  
  A B C   You chose A You chose B You chose C  
   

任何帮助将不胜感激。 如果你可以展示一些令人敬畏的代码，或者你可以指出我正确的方向，我可以找到令人敬畏的答案。

Answer 1

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

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

JS小提琴： http ： //jsfiddle.net/vleong2332/82w7p0a6/

以下是dropDown2更改时更改dropDown1的示例。 http://jsfiddle.net/vleong2332/82w7p0a6/1/

Answer 2

这是另一种选择，从我已经完成的一些开发中缩小。 更灵活但也更复杂。 注意如何使用data-*属性标记项目以确定隐藏和显示的内容。 http://jsbin.com/siyexumulu/1/