当前位置: 首页 > 知识库问答 >
问题:

如何在文本区中添加现有文本旁边的文本?

傅翰池
2023-03-14

[![我想点击Male,它反映在文本区域的Gender旁边:Male]

例如,我得到了这个脚本,我想要一个选项,当我点击按钮Male,它显示在gender旁边:在textbox里面,如果我点击Male,它就会显示在Male旁边,就像这个Male,faleme?

     <!DOCTYPE html>
      <head>
        <script>
        document.addEventListener('DOMContentLoaded', start, false);
            function start(){
                document.getElementById("button0").addEventListener("click", function(){insertText(this);} );
                document.getElementById("button1").addEventListener("click", function(){addText(this);} );
                document.getElementById("button2").addEventListener("click", function(){addText(this);} );
                document.getElementById("button3").addEventListener("click", function(){addText(this);} );
    document.getElementById("button4").addEventListener("click", function(){addText(this);} );

                function addText(elem) {

                    document.getElementById("ta1").innerHTML += elem.value;

                }
            };


    </script>
 </head>
 <body>


Gender

        <br>
        <input class="button" type="button" id="button0" value="Male"/>
        <input class="button" type="button" id="button1" value="Female" />
        <input class="button" type="button" id="button2" value="Not Required"/>
<br>

etc
<br/>
        <input class="button" type="button" id="button3" value=" 1 "/>

  <input class="button" type="button" id="button4" value="2"/>


<textarea id = "ta1" disabled rows="20" cols="80">
Gender: 
Etc:

 </textarea>

</body>
</html><html>

文本框的图像:

共有1个答案

瞿博易
2023-03-14

编辑我测试的代码:

<script>
function btnGenderClick(type,value)
{
    document.getElementById("test").value+= type+" : "+value+'\r';
}
</script>
<input type="button" value="Male" onClick="btnGenderClick('Gender','Male')" name="Male">
<input type="button" value="Female" onClick="btnGenderClick('Gender','Female')" name="Female">
<input type="button" value="Not required" onClick="btnGenderClick('Gender','Not required')" name="NotRequired">
<textarea id="test"></textarea>
 类似资料:
  • 问题内容: 我需要一个在其右边具有较大笔触的h2。像这样: 我正在努力以最佳的响应方式来完成它。更不用说它在自定义WP主题中,因此我不想创建大量的页面标记,以使客户端立即中断:) 问题答案: 您需要一个元素和一个伪元素。PS它反应灵敏。 说明:在这里,主要部分是在元素上使用,然后使用带有属性的伪元素创建虚拟元素,并将其放置在设置为的父元素上。

  • 我正在尝试如何将文本添加到已经有文本节点的p标记或h1标记中。 例如: null null 这段代码给出了一个错误:appendChild不是函数。大多数帮助页面首先创建p标记,然后追加文本。 向现有文本元素添加文本的正确方法是什么? ps:我以前使用过innerHTML来实现这一点,但是出于学习的目的,我想在这里避免使用它。

  • 我正在尝试使用谷歌开发的Material按钮。由于依赖第三方,我无法使用androidx存储库,因此我目前正在使用android支持库(v28.0.0-alpha1、alpha3不允许我使用material按钮) 我试图通过一个宽按钮来实现这一点,在文本旁边有一个居中的文本图标: 但我能得到的只是一个居中的文本,按钮边缘有一个图标: 这和最初的Android按钮一样,它也有同样的问题。当时的想法是

  • 问题内容: 我正在用JavaScript 编辑。问题是当我在其中换行时,它们将不会显示。我怎样才能做到这一点? 我正在获取编写函数的值,但不会产生换行符。 问题答案: 问题来自以下事实:换行符(?)与HTML 标签不同

  • 这是我在许多web应用程序中注意到的一个功能,我希望它位于我的JavaFX应用程序的文本区域。 桌面版的海明威提供了一个很好的例子:

  • 了解如何在实时视图、代码视图中添加文本和设置其格式,或通过从 PSD 文件中提取文本和关联的属性来达到目的。 向文档添加文本 要向 Dreamweaver 文档添加文本,可直接在“文档”窗口中键入文本,也可剪切并粘贴文本。还可从其他文档导入文本。 当您将文本粘贴到 Dreamweaver 文档中时,可以使用“粘贴”或“选择性粘贴”命令。“选择性粘贴”命令允许您以不同的方式指定所粘贴文本的格式。例如