HTML - form action y option value

<form action="" id="search-galleries" method="GET">

	<label for="galleries-categories">Search by category:</label>

	<select name="category" id="gallery-categories" title="Category">

		<option value="">All</option>

					<option value="14">Roma</option>

					<option value="13">Londres</option>

					<option value="12">Colonia</option>

					....................

			</select>

</form><div class="album-contents">

<form action="" id="search-galleries" method="GET">

	<label for="galleries-categories">Search by category:</label>

	<select name="category" id="gallery-categories" title="Category">

		<option value="">All</option>

		<option value="14">Roma</option>

		<option value="13">Londres</option>

		<option value="12">Colonia</option>

	</select>

	<button>enviar</button>

</form>

<script>

	document.getElementById('search-galleries').addEventListener('submit', function(e){

		e.preventDefault();

		val = document.getElementById('gallery-categories').value;

		text = document.querySelector('#gallery-categories option[value="'+val+'"]').text;

		location.href = text+'.html';

	});

</script>