下拉菜单链接

Question

Im trying to create a menu that open a page based on the option selected.

my js

<script type="text/javascript" language="JavaScript">
function goToNewPage() {
if(document.getElementById('target').value){
    window.location.href = document.getElementById('target').value;
}

}

my form

<form class="smart-green" name="dropdown">
<select name="list" id="target">
<?
include_once ("xxxx");
$sql = mysql_query("xxxx");
while($row = mysql_fetch_assoc($sql))
{?>
<option value="http://www.xxxx.co.uk/content.php?id=guide&sub=dog&breed=<? echo $row['id'];?>"><? echo $row['breed'];?></option>";
<?
}
?>
</select><br /><br />
<input type="submit" class="button" onClick="goToNewPage(document.dropdown.list)" value="Find Breed">
</form>

however the page opens as http://www.xxxx.co.uk/content.php?list=http%3A%2F%2Fwww.xxxx.co.uk%2Fcontent.php%3Fid%3Dguide%26sub%3Ddog%26breed%3D2

instead of http://www.xxxx.co.uk/content.php?id=guide&sub=dog&breed=2

from what i can tell its an encoding error but i cannot figure out what to do about it, also the link isnt quite correct

any help appreciated.

Answer 1

function goToNewPage() {
  if(document.getElementById('target').value){
     window.location.href = "http://www.xxxx.co.uk/content.php?id=guide&sub=dog&breed="+document.getElementById('target').value;
  }

<?
   include_once ("xxxx");
   $sql = mysql_query("xxxx");
   while($row = mysql_fetch_assoc($sql))
   {?>
       <option value="echo $row['id']; ?>"><? echo $row['breed'];?></option>";
<?
   }
?>

This avoids encoding issues. You just build the uri in the goToNewPage function. Pass the breed id via the select.