在javascript中動態更新內容

我想知道這個如何工作。基本上，我會創建兩個下拉列表。在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」，並從下拉式2選擇「橙色」然後，它無線本地環路更新在值2部分在div內容。當用戶選擇「value3」，並從下拉菜單2中選擇「apple」。然後它將更新值3部分的div內容。等等。

來源

2012-08-14 R.Spark

http://whathaveyoutried.com？請告訴我們你到目前爲止的情況。 SO不是代碼編寫服務，如果您提供了自己的工作證據，您將得到更好的迴應。請參閱[常見問題]（http://stackoverflow.com/faq）。 – freefaller 2012-08-14 13:27:50

他並沒有要求你爲他提出一個起點的代碼。這就好像他說：「我想知道這個如何工作」，不是，他寫了一些代碼快照。 – VoronoiPotato 2012-08-14 13:28:59

如果你注意到他正在問的事情會讓圖書館JQuery變得更容易，但他沒有在他的文章中提到它。很明顯，op對於語言來說真的很新鮮，並且不知道從哪裏開始。 – VoronoiPotato 2012-08-14 13:32:15

您可能會發現Jquery將是一個有用的庫。看看jQuery的展示和隱藏功能。示例

$('#value1').hide()

在隱藏了需要隱藏的內容之後，使用.on函數將事件掛接到清單。這些函數可以在Jquery網站上找到。

來源

2012-08-14 13:30:47 VoronoiPotato

在javascript中動態更新內容

回答

相關問題