1. 程式人生 > >select下拉框預設選中selected屬性不起作用

select下拉框預設選中selected屬性不起作用

  • 問題:

問題:使用select寫的下拉選單對預設選選中的option項設定selected="selected"屬性,不起作用,沒有實現預設選中。

  • 分析:

分析:使用谷歌瀏覽器開啟頁面時,selected="selected"預設選中事件有效。當使用火狐瀏覽器開啟重新整理頁面後顯示的是上一次關閉時選中的option選項,預設選中屬性selected="selected"失效。

  • 解決:

解決:在select標籤上加上autocomplete="off"屬性,關閉自動完成屬性,再次在火狐瀏覽器中重新整理頁面,預設選中屬性selected="selected"

屬性有效。因此,在每次遇到select標籤時最好加上autocomplete="off"屬性。、

  • 下拉選單實現程式碼

下拉選單實現程式碼如下:

<select class="selectType" autocomplete="off">
  <!--根據原廠商檔案自動填入h4標籤中的各類協議名-->
  <option value="郵件" selected="selected">郵件</option>
  <option value="FTP">FTP</option>
  <option value
="TELNET">
TELNET</option> <option value="網路論壇">網路論壇</option> </select>

效果:
下拉選單實現