Javascript函数正在删除我的链接中的属性

Javascript function is dropping attributes in my link

本文关键字：链接 属性 我的 删除 函数 Javascript      更新时间：2023-09-26

我在提取属性时遇到问题，即使它们应该在那里。灯箱/阴影盒需要这些属性。这是我迄今为止所拥有的。

javascript代码设置为更改视频url（取决于语言）我尝试使用注释掉的代码，但也不起作用。

JAVASCRIPT

 $(document).ready(function() {
   $("#video").on("change", function() {
     $('#video_link').html($(this).val()); // Pulls link from selection
     $("#video_link2").attr("href", ($(this).val())); // Pulls link from selection and inserts into href target
     // $("#video_link2").attr("rel", "lightbox[video]");
     // $("#video_link2").attr("data-ob_iframe", "true");
     // $("#video_link2").attr("data-ob", "lightbox[video]");
   }).change();
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p style="text-align: center;">
  <a id="video_link2" href="" rel="lightbox[video]" data-ob_iframe="true" data-ob="lightbox[video]">
    <img width="100%" src="images/video-thumbnail.jpg" alt="Video Thumnail" />
  </a>
</p>
<select class="text_select" id="video" name="video">
  <option value="http://video.dow.com/viewerportal/external/embed.vp?programId=esc_program%3A44610&contentAssocId=association%3A77258&amp;autoplay=1">English - PacXpert&trade; Packaging Technology</option>
  <option value="http://video.dow.com/viewerportal/external/embed.vp?programId=esc_program%3A44905&contentAssocId=association%3A77800&amp;autoplay=1">Portuguese - Tecnologia PacXpert&trade; para Embalagens</option>
  <option value="http://video.dow.com/viewerportal/external/embed.vp?programId=esc_program%3A45501&contentAssocId=association%3A77826&amp;autoplay=1">Spanish - Tecnología PacXpert&trade; para empaques</option>
</select>

调试代码：

<p><span id="video_link"></span></p>
<p>This video is also available in the following languages: <a href="" id="video_link2">Link</a></p>

尝试使用

$("#video_link2").prop("href", $(this).val());

我希望这对你有所帮助

相关文章：