在模态叠加中传递值，有多个链接

Question

我试图从链接中获得一个值，以便在模态覆盖中使用。如果有更简单或不同的方法开放建议，但我的尝试没有通过的价值。我想通过data-id并放置在文本框中。

link - data-toggle="modal"  href="#" title="Share" id=choose1 data-id="http://www.mylink" class="tip-box__head--share" data-reveal id="shareBetModal">

HTML:

<div class="copy-block">
  <input type="text" value="" name="sharelink" readonly /> 
  <a href="#" class="button" title="Copy link">Copy link</a>
</div>

JavaScript:

   $(document).on("click", ".tip-box__head--share", function () {
 var url = $(this).data('id');
 $(".copy-block #sharelink").val( url );
  });

结果是没有传递值。

Answer 1

$(".copy-block #sharelink").val( url ); -您没有sharelink id的元素。

试试$(".copy-block input[type=text]").val( url );。

而且，你的链接似乎是畸形的。下面是工作小提琴:https://jsfiddle.net/zyxdmncz/