使用多个链接在模态叠加中传递值

时间:2015-08-18 16:56:14

标签: javascript jquery

我正在尝试从链接中获取值以在模态叠加中使用。如果有更容易或不同的方式对建议开放,但我的尝试没有传递价值。我想通过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 );
  });

结果是它没有传递该值。

1 个答案:

答案 0 :(得分:1)

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

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

此外,您的链接似乎格式不正确。这是工作小提琴:https://jsfiddle.net/zyxdmncz/