javascript - 選択ボックスの値を href に追加する

Question

オプションがほとんどない選択ボックスがあります。例えば

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

以下のようなhref要素があり、href要素をクリックしているときに、選択ボックスで選択したオプションの値をhrefリンクに追加したい。名前=インドとしましょう。

例えば<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);
});