多個Java下拉菜單填充多個div中的文本。

我有一個頁面，它使用基本腳本根據下拉選擇在div中生成文本。多個Java下拉菜單填充多個div中的文本。

我遇到的問題是我想要有2個下拉菜單，每個下拉菜單在他們自己的單獨Div中填充文本。每當我嘗試這樣做，第一個下拉菜單就停止運作。

這裏是我的代碼

<HTML> 
<head> 

</head> 
<body> 





<script type="text/javascript"> 
     function showText(){ 
      var value = document.getElementById('options').value; 
      if(value != ""){ 
      document.getElementById('show').innerHTML = value; 
      document.getElementById('show').style.display = "block"; 
      } 
     } 
    </script> 
     <select id="options" onchange="showText()"> 
      <option value=""></option> 
      <option value="1-1">Option 1-1</option> 
      <option value="1-2">Option 1-2</option> 
      <option value="1-3">Option 1-3</option> 

     </select> 

<script type="text/javascript"> 
     function showText(){ 
      var value2 = document.getElementById('options2').value; 
      if(value2 != ""){ 
      document.getElementById('show2').innerHTML = value2; 
      document.getElementById('show2').style.display = "block"; 
      } 
     } 
    </script> 
     <select id="options2" onchange="showText()"> 
      <option value=""></option> 
      <option value="2-1">Option 2-1</option> 
      <option value="2-2">Option 2-2</option> 
      <option value="2-3">Option 2-3</option> 

     </select> 

<table> 
    <tr> 
    <td><div id="show" style="display:none;padding-top: 20px; width: 500px;"></div></td> 
    <td><div id="show2" style="display:none;padding-top: 20px; width: 500px;"></div></td> 
    </tr> 
</table>   



</body> 
</html>

來源

2014-11-06 user2602702

Java或JavaScript正確如果它錯誤的標題！ – 2014-11-06 05:27:24

刪除您重複的功能showText（）兩個腳本標籤！

來源

2014-11-06 05:30:48

我就是這樣一個笨蛋！我不相信我錯過了這一點。謝謝。那是我需要的。 – user2602702 2014-11-06 05:33:30

我的榮幸:) @ user2602702我讚賞它，如果它真的幫助 – 2014-11-06 05:34:39

-1

你的下拉菜單都調用相同的功能，改變功能名稱，它會解決你的問題。

例如

function showText() { 
.... 
<select id="options" onchange="showText()"> 
.... 
function showText2() { 
.... 
<select id="options2" onchange="showText2()"> 
....

來源

2014-11-06 05:32:40 user3643143

多個Java下拉菜單填充多個div中的文本。

回答

相關問題