时间戳

首页 > 解决方案 > 如何将 Jquery 值绑定到 HTML 元素

javascript - 如何将 Jquery 值绑定到 HTML 元素

问题描述

如何将 url 结果从 jquery 绑定到 href ？正如您在下面的 html 中看到的那样。谢谢你。

查询代码

<script>
$(document).ready(function(){
   $("#btnSearch").click(function(){
       var yearArray = []; 
      $("input:checkbox[name=Year]:checked").each(function(){
         yearArray.push($(this).val());
       });
       var makeArray = []; 
      $("input:checkbox[name=Make]:checked").each(function(){
         makeArray.push($(this).val());
       });
      var url="http://example.com/results?Year="+yearArray.join()+"&Model="+makeArray.join();
        alert(url);
   });
});

</script>

HTML

<a href="/searchnew/{{ url }}"><button id="btnSearch" class="btn btn-cta margin-bottom-1x search-button cssBase"
                                        type="button""
                                        style="width: 262.5px;">Search</button></a>

标签： javascriptjqueryhtmlbind

解决方案

创建链接后，您可以简单地添加 href 属性。我的意思是如果你的href标签看起来像这样

<a href="#" id="myurl">
$("#myurl").prop("href",url);

这只会像这样呈现您的html

<a href="http://example.com/results?Year="......(your dynamic values here)">

推荐阅读