javascript - 将 JS 变量放置在我的模态的 HREF 链接中

Question

我有一个 JS 变量在警报窗口中正确显示。我试图在紧随警报之后的模态上的 href 链接中放置相同的值。

在主页上，我有一个脚本，用于在警报框中显示值 - 它从此处获取 clicked_id 值:

<span onclick='executeChildSupport(this.id)'><a href='#' data-toggle='modal'><i class='fa fa-th' aria-hidden='true'></i></a></span>

这是捕获 clicked_id 并显示在警报框中的 JS 脚本

 function executeChildSupport(clicked_id) {
    $(this).tooltip('hide');
    event.currentTarget.innerHTML = "<i class='fa fa-th' aria-hidden='true' style='margin-left:10px'></i>";
    alert(clicked_id);
    $('#supportShare').modal('show');
    return false
  }

在警报之后，会显示一个模式，我试图将警报中显示的“clicked_id”JS 变量也放置在模式页面中，其中有一个 HREF 字符串，如下所示(其中显示“document” .write(clicked_id)")

<a href="../_support/tip.php?id=" target="_blank" class="btn btn-primary"><i class='fa fa-money fa-3x' aria-hidden='true' style="padding-bottom:3px"></i><br>LINK HERE <script>document.write(clicked_id);</script></a>

有什么建议吗？

这是模态代码(仅限 body 区域 - 我相信这就是请求所需的全部内容)

<div class="modal-body" style="padding: 40px;color:#fff">
<table border="0" style="width:100%">
<tr>
<td colspan="3" style="padding:8px 3px 3px 2px">
<a href="../_support/tip.php?id=" target="_blank" class="btn btn-primary" style="background-color:#171717;width:100%;border:none;padding:30px">
<i class='fa fa-money fa-3x' aria-hidden='true' style="padding-bottom:3px"></i><br>LINK <script>document.write(+clicked_id+);</script></a>
</td>
</tr>
</table>
</div>

这个方向怎么样？

<a href="javascript:document.write('../_support/tip.php?id='+clicked_id'); target="_blank">LINK</a>

Answer 1

如果我理解了您的查询，那么您可以采用两种方式，(下面的所有代码都不是绝对的工作代码，这些代码是为了理解而给出的，您可以根据需要更改它们)

不推荐的方法是使用全局变量，然后在链接中使用它示例:

var current_id = null;
......
alert(clicked_id);
current_id = clicked_id;
....

然后做

<a href="../_support/tip.php?id=" target="_blank" class="btn btn-primary">
<i class='fa fa-money fa-3x' aria-hidden='true' style="padding-bottom:3px"></i>
<br>
LINK HERE 
<script>document.write(current_id);</script>
</a>

推荐方式是在警报后访问并更改 dom 的值示例:

......
alert(clicked_id);
$('#clicked_id').text(clicked_id);
$('#dynamic_link').attr('href', '../_support/tip.php?id='+clicked_id);
$('#supportShare').modal('show');
.....

或者您可以在模式加载后使用回调

......
alert(clicked_id);
$('#supportShare').modal('show', function(){
    $('#clicked_id').text(clicked_id);
    $('#dynamic_link').attr('href', '../_support/tip.php?id='+clicked_id);
});
.....

然后改变一下:

<a href="#" target="_blank" class="btn btn-primary" id="dynamic_link">
<i class='fa fa-money fa-3x' aria-hidden='true' style="padding-bottom:3px"></i>
<br>
LINK HERE 
<span id="clicked_id"></span>
</a>