要链接的下拉菜单
Dropdown menu to link
我试图创建一个菜单,根据所选选项打开页面。
我的 JS
<script type="text/javascript" language="JavaScript">
function goToNewPage() {
if(document.getElementById('target').value){
window.location.href = document.getElementById('target').value;
}
}
我的表格
<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>
但是页面打开方式为 http://www.xxxx.co.uk/content.php?list=http%3A%2F%2Fwww.xxxx.co.uk%2Fcontent.php%3Fid%3Dguide%26sub%3Ddog%26breed%3D2
而不是http://www.xxxx.co.uk/content.php?id=guide&sub=dog&breed=2
据我所知,这是一个编码错误,但我无法弄清楚该怎么做,而且链接也不太正确
任何帮助表示赞赏。
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>";
<?
}
?>
这样可以避免编码问题。您只需在 goToNewPage
函数中构建 uri。通过选择传递品种id
。
相关文章:
- 我的下拉菜单中的链接不起作用
- 如何在每个下拉菜单项的每个类别下输出链接
- 下拉菜单在我进入链接之前消失了
- 如何分配数据切换=“;下拉菜单”;用于wordpress中的父链接
- 表单下拉选择链接
- 单击下拉菜单中的链接不起作用
- WordPress 类别下拉菜单选择链接断开
- 如何创建包含链接或“”标签的下拉菜单
- 要链接的下拉菜单
- 单击下拉菜单按钮时引导打开链接
- 如何使用 MVC3 Razor 在 _layout.cshmtl 上创建悬停下拉操作链接
- 下拉列表中的链接选择不起作用的IE8 / 9打开下拉选择链接,警报有效
- 为什么这个下拉菜单没有填充工作链接
- JavaScript 中的超链接和下拉菜单
- 悬停下拉菜单:点击父链接转到父页面
- 制作在新窗口中打开的下拉框链接
- 下拉菜单-链接不起作用
- Jquery/JS和CSS水平列表导航单击下拉超链接不工作
- 重叠的选项卡/下拉菜单-链接不起作用-CSS或JS问题
- Twitter Bootstrap下拉PHP链接未打开