javascript - 通过多个链接在模态叠加中传递值

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 ); 代替。

此外，您的链接似乎格式错误。这是工作 fiddle :https://jsfiddle.net/zyxdmncz/