Как передать value в form action?

Question

[Алексей]

На сайте есть простейшая форма с выпадающим списком и кнопкой submit.
Задача: сделать так, чтобы при выборе определенного пункта из выпадающего списка, клик по кнопке перекидывал на нужную страницу.
Нашел вот такое решение:

<script type="text/javascript">
    function myfunc() {
        var url = data.id.value;
        window.location.href = url;
        return(false);
    }
</script>

<form action="#" class="sky-form clearfix" onsubmit="javascript:return(myfunc());">
							<div class="col col-3">
								<label class="label">Направление (страна)</label>
								<label class="select">
									<select name="id">
  <option>Выберите страну</option>
  <option value="thailand.html">Таиланд</option>
  <option value="india.html">Индия</option>
  <option value="index/catalog/spain.html">Испания</option>
  <option value="index/catalog/italy.html">Италия</option>
</select>
									<i></i>
								</label>
							</div>

							<div class="col col-3">
								<button type="submit" class="btn-u btn-u-lg btn-u-upper">Показать предложения</button>
							</div>
						</form>

но оно работает не так как надо: вместо domain.com/index/catalog/spain.html передается domain.com?id=index%2Fcatalog%2Fspain.html#
Подскажите, можно ли это исправить и есть ли решение без использования js

Answer 1

[Сергей]

$("select[name='id']").change(function()
{
 window.location.href = $("select[name='id']").val();
}.change());