将选择框值附加到href

Question

我有一个选项很少的选择框。 例如

<select>
   <option value="India">India</option>
   <option value="Usa">Usa</option>
  </select>

我有href元素如下所示，我想在选择框中选择选项的值附加到href链接，同时单击href元素。让我们说name = India。

例如<a href="http://localhost:8080/country?name=">Visit Country</a>

Answer 1

$('select').on('change', function() {
    var old_href = $('a').attr('href'),
        new_href = old_href.split('=')[0] + '=' + this.value;
    $('a').attr('href', new_href);
});