【问题标题】:Assign Button id to a variable using javascript使用 javascript 将 Button id 分配给变量
【发布时间】:2022-01-01 14:37:26
【问题描述】:

我尝试获取按钮 ID,将其设置为变量并将其设置为段落标签的内部元素。但它失败了,我不确定我在哪里搞砸了这个过程。

这是我到目前为止所做的。

不用担心 innerhtml 是错误的,当我用字符串文本替换它时它会起作用。我刚刚删除了其余的,所以它更清晰

如果我遗漏了一些关键信息,请告诉我。马上修改

<script>
function ViewDetail(clicked_id) {
          let btnid = obj.id;
          document.getElementById("outme").innerHTML = btnid;
        }
</script>
<a href="view.php?id=<?=$rows['id']?>" class="btn btn-primary" onclick="ViewDetail(this.id)" data-toggle="modal" data-target="#myModal">View</a>

        <div class="modal-body">
            <p id='outme'>default id</p>
        </div>

【问题讨论】:

  • 您没有在a 标签上定义任何id
  • clicked_id 已经是id。另外,您还没有定义obj
  • 好的,谢谢您的反馈。我去看看
  • 我已将第一个 javascript 代码的第 4 行更改为此,但它仍然没有回显按钮 ID document.getElementById("outme").innerHTML = clicked_id;
  • 链接上没有id="sssss".....

标签: javascript html twitter-bootstrap


【解决方案1】:

在按钮中添加了Id属性:

 <script>
    function ViewDetail(btnid) {
              let btnid = obj.id;
              document.getElementById("outme").innerHTML = btnid;
            }
    </script>

添加了Id属性:

<a id="<?=$rows['id']?>" href="view.php?id=<?=$rows['id']?>" class="btn btn-primary" onclick="ViewDetail(this.id)" data-toggle="modal" data-target="#myModal">View</a>

        <div class="modal-body">
            <p id='outme'>default id</p>
        </div>

【讨论】:

  • 效果很好。我需要学习的部分很容易发现。非常感谢
猜你喜欢
  • 2020-09-03
  • 2023-03-26
  • 1970-01-01
  • 1970-01-01
  • 2018-01-11
  • 2021-09-01
  • 2014-04-23
  • 2014-06-04
  • 1970-01-01
相关资源
最近更新 更多