我正在尝试在链接环境中放置一个下拉选择菜单: (另外我从HTML5开始读到,可以在div周围放置“a”环境。有什么想法吗?)
<a href="">
<div id="foo">
<select>
<option value="a">Stuff</option>
<option value="b">More stuff</option>
</select>
</div>
</a>
无论如何,至少在Chrome中这不能正常工作:如果我打开菜单,点击链接环境并刷新页面。在IE中,这确实可以正常工作。我尝试过z-index,但这不适用于Chrome。
提前致谢,
伦纳特
答案 0 :(得分:1)
两种方法都非常简单。
href=""
元素的<a>
部分。这就是发送回发请求和刷新页面的内容。<a>
代码:onclick="return false;"
。像这样:
<a href="" onclick="return false;">
<div id="foo">
<select>
<option value="a">Stuff</option>
<option value="b">More stuff</option>
</select>
</div>
</a>
&#13;
如果要自动化第二种方法,可以添加一些javascript:
var dropdownlink = document.getElementsByTagName("a");
for (var i = 0; i < dropdownlink.length; i++) {
if (dropdownlink[i].getElementsByTagName("select").length > 0) {
dropdownlink[i].onclick = function() {
return false;
};
}
}
&#13;
<a href="k">
<div id="foo">
<select>
<option value="a">Stuff</option>
<option value="b">More stuff</option>
</select>
</div>
</a>
<a href="">Test Link</a>
&#13;