火狐瀏覽器下連線a下無法使用select下拉選單

admin發表於2017-03-05

如果select下拉選單包裹在連結a中,則無法實現選中效果,當然如此使用在實際應用中也是很少見的,不過下面還是做一下簡單介紹,如何避免此種問題的出現,寄希望能夠給需要者帶來一定的幫助。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>     
<html>     
<head>     
<meta charset=" utf-8">     
<meta name="author" content="http://www.softwhy.com/" />     
<title>螞蟻部落</title> 
</head> 
<body> 
<a href="javascript:void(0)">
  <select> 
    <option>螞蟻部落一</option> 
    <option>螞蟻部落二</option> 
    <option>螞蟻部落三</option> 
    <option>螞蟻部落四</option> 
  </select>
</a> 
</body> 
</html>

以上程式碼在火狐瀏覽器中第一次點選可以出現下拉選單,但是點選第二次卻不能夠成功,當前還沒有很好的辦法,只要將連結a元素修改成span元素就好了。

相關文章