0

我在我的文本区域上使用 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>
4

1 回答 1

1

只是一个小提示,每个文本区域都有多个 id 属性,第二个 id 具有相同的值,这应该是一个类。“显示:无;” 在您的文本区域中不在样式标签中(style="display:none;"),还尝试在最后一个 html 标记(或最后一个正文标记)之前在 html 页面底部链接/加载 javascript。

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

于 2013-07-13T18:23:08.293 回答