用文本编辑器隐藏/显示文本区域取决于下拉值

我在正在工作的文本区域上使用NicEdit（www.nicedit.com）文本编辑器，并在选择一个值后隐藏并显示文本区域下拉它会显示文本区域，但这是我需要帮助;用文本编辑器隐藏/显示文本区域取决于下拉值

1）我希望在下拉菜单中选择任何值之前显示文本区域。

2）我希望文本编辑器（NicEdit）在从下拉列表中选择一个值显示文本区域后显示在所有文本区域。

的js对于文本编辑器（Nicedit）：

<script type="text/javascript" src="js/nicEdit.js"></script> 
<script type="text/javascript"> 
    bkLib.onDomLoaded(function() { 
     new nicEditor({maxHeight : 200}).panelInstance('area'); 
    }); 
</script>

JS来隐藏和显示文本区域：

<script type="text/javascript"> 
     function showHide() 
     { 
      if(document.getElementById("color_dropdown").selectedIndex == 1) 
      { 
       document.getElementById("hidden1").style.display = ""; // This line makes the DIV visible 
      } 
      else {    
       document.getElementById("hidden1").style.display = "none"; // This line hides the DIV 
      } 

      if(document.getElementById("color_dropdown").selectedIndex == 2) 
      { 
       document.getElementById("hidden2").style.display = ""; // This line makes the DIV visible 
      } 
      else {    
       document.getElementById("hidden2").style.display = "none"; // This line hides the DIV 
      } 

      if(document.getElementById("color_dropdown").selectedIndex == 3) 
      { 
       document.getElementById("hidden3").style.display = ""; // This line makes the DIV visible 
      } 
      else {    
       document.getElementById("hidden3").style.display = "none"; // This line hides the DIV 
      } 
     } 
    </script>

的Html下拉：

<select name="menu" id="color_dropdown" onchange="showHide()"> 
<option>Select Meun</option> 
<option>One</option> 
<option>Two</option> 
<option>Three</option> 
</select> 

    <textarea id="hidden1" name="area" display:none;" id="area">ggggggggggggggggg</textarea> 
    <textarea id="hidden2" name="area" display:none;" id="area">hhhhhhhhhhhhhhhhh</textarea> 
    <textarea id="hidden3" name="area" display:none;" id="area">yyyyyyyyyyyyyyyyy</textarea>

来源

2013-07-13 seyi oladotun

只是一个小纸条，你有更多的每个文本区域有多个id属性，第二个id有相同的值，这应该是一个类。 “display：none;”在你的textareas中没有样式标签（style =“display：none;”），也可以尝试在最后一个html标签（或最后一个body标签）之前链接/加载html页面底部的javascript。

我不确定这是否能解决您的问题，但这可能是问题。

来源

2013-07-13 18:23:08 Maccle415

用文本编辑器隐藏/显示文本区域取决于下拉值

回答

相关问题