Question

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

因此，如果下降和另一个下降，则应该发生以下情况。当你选择＆＃34; A＆＃34;从dropDown1开始，dropDown2应填充＆＃34;你选择A＆＃34;。如果你选择＆＃34; B＆＃34; dropDown2应该说＆＃34;你选择B＆＃34;。同样适用于＆＃34; C＆＃34;

以下是示例代码。

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

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

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/

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

2 个答案: