javascript - 在javascript中动态更新内容

Question

我想知道这个是如何工作的。基本上，我将创建两个下拉列表。

<select id="dropdown1">
 <option value="v1">value1</option>
 <option value="v2">value2</option>
 <option value="v3">value3</option>
</select>
<select id="dropdown2">
 <option value="apple">apple</option>
 <option value="orange">orange</option>
</select>

<label id="value1">Value 1:</label>
<div id="showDropDown2"></div>

<label id="value2">Value 2:</label>
<div id="showDropDown2"></div>

<label id="value3">Value 3:</label>
<div id="showDropDown2"></div>

例如，当用户从下拉列表 1 中选择“value2”并从下拉列表 2 中选择“橙色”时，它将更新 Value 2 部分的 div 内容。当用户选择“value3”时，从下拉列表 2 中选择“apple”。然后它将更新 Value 3 部分的 div 内容。等等。

Answer 1

您可能会发现Jquery是一个有用的库。查看 jquery 的显示和隐藏功能。例子

$('#value1').hide()

隐藏需要隐藏的内容后，使用 .on 函数将事件挂钩到清单。这些函数可以在 Jquery 网站上找到。