将选择框值附加到 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);
});