在javascript中动态更新内容

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

<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
价值2
价值3
苹果
橙色
值1：
价值2：
价值3：

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

您可能会发现这是一个有用的库。查看jquery的显示和隐藏函数。范例

$('#value1').hide()

隐藏需要隐藏的内容后，使用.on函数将事件挂接到检查列表。这些功能可以在Jquery网站上找到

您可能会发现这是一个有用的库。查看jquery的显示和隐藏函数。范例

$('#value1').hide()

---

隐藏需要隐藏的内容后，使用.on函数将事件挂接到检查列表。这些功能可以在Jquery网站上找到

他不是要你写代码，而是要一个起点。这就像他说“我想知道这个如何工作”不，嘿，写一些代码快照。如果你注意到他问的问题，库JQuery会让它变得容易很多，但他没有在他的帖子中提到。很明显，op对语言来说是一个全新的概念，不知道从哪里开始。我只尝试使用JavaScript。我不知道如何做的是，当用户从下拉列表1中选择选项时，我如何从用户选择的任何选项更新div内容。我不是要求我写代码，但至少给了我一些想法。他没有要求你写代码，他要求的是一个起点。这就像他说“我想知道这个如何工作”不，嘿，写一些代码快照。如果你注意到他问的问题，库JQuery会让它变得容易很多，但他没有在他的帖子中提到。很明显，op对语言来说是一个全新的概念，不知道从哪里开始。我只尝试使用JavaScript。我不知道如何做的是，当用户从下拉列表1中选择选项时，我如何从用户选择的任何选项更新div内容。我不是要求我写代码，但至少给了我一些想法。