根据下拉选择更改URL链接HTML输出-动态URL变量

Question

我有不同版本的软件文档。 用户从下拉列表中选择版本号，然后下面的URL链接将根据选择进行更改。

当前，我有一个带有选择选项值的下拉列表。然后，该值将填充html中的URL字段。

这是我创建的代码：

<select class="text_select" id="version" name="version">    
<option value="3.0">Latest Version 3.0</option>
<option value="2.0">2.0</option>
<option value="1.0">1.0</option>

<a href="https://website.com/documentation/<span class="version_number"></span>.html/GettingStarted/" target="_blank">Getting Started</a>


    <script type="text/javascript">

$(document).ready(function() {
    $("#version").change(function() {
        $('.version_number').html($(this).val());
    }).change();
});
</script>

我可以单独将值输出到标记中，但是不能在URL中放置跨度，那么如何创建变量以添加URL的动态部分？