个人中心
gpt4 book ai didi

javascript - javascript onclick 时在 div 中显示文本

转载 作者：行者123 更新时间：2023-12-02 18:41:51 27 4
gpt4 key购买 nike

我有多个按钮，每个按钮都有相关文本，当用户单击按钮时，文本应根据按钮更改，并且文本应显示在 DIV 中。

我使用 if elseif 在每个按钮的文本之间进行选择，现在我无法通过该函数将文本传递给 div onclick()。

<html>  
   <head>  
      function display (selected) {  
         if (decision == firstbox)  {  
            display = "the text related to first box should be displayed";  
         }  else if (decision == secondbox)  {  
            display = "Text related to 2nd box.";  
         }  else  {  
            display ="blank";  
         } 
   </head>  
   <body>  
      <input type="button" id="firstbox" value= "firstbox" onclick="display(firstbox)" /><br>    
      <input type="button" id="secondbox" value= "secondbox" onclick="display(firstbox)" /><br>
   </body>
</html>

最佳答案

来自您代码的纯 JavaScript:

function display (selected)
  {
  if (selected == 'firstbox')
    {
    texttoshow = "the text related to first box should be displayed";
    }
  else if (selected == 'secondbox')
    {
    texttoshow = "Text related to 2nd box.";
    }
  document.getElementById("thetext").innerHTML = texttoshow;
  }

和 html:

<body>
  <div id = "thetext"></div>
  <button onclick = "display(firstbox)">Firstbox</button>
  <button onclick = "display(secondbox)">Secondbox</button>
</body>

对于什么是值得的，在 jQuery(一个 JavaScript 框架)中:

$("#buttonclicked").
  click(function(){
    $("#yourdiv").
      html("Your text");
    });

关于javascript - javascript onclick 时在 div 中显示文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16765292/

27 4 0
文章推荐： Jenkins 投票错误的分支
文章推荐： docker - cf ic插件在身份验证时无法找到docker守护程序
文章推荐： node.js - Next.JS:带有 Promise 的解析器在 SSR 上的 api-routes-server-and-client-test 中不起作用
文章推荐： docker - 在Bluemix Containers上构建的Docker无法找到Dockerfile
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com