由於select 的選項有效參數只有disable,readonly 的參數對select 無作用。
有時是為了做一些限制,不讓使用者選擇,


但預設選擇的欄位值(form field value)仍是要傳遞(submit)。
使用了部份的方式來達到這樣的作用。
<form onsubmit="this.s1.disabled=false">
   <select name="s1" disabled>
      <option value="001">1</option>
      <option value="002" selected>2</option>
      <option value="003">3</option>
   </select>
   <input type="submit">
</form>

說明:在submit 時,才把select un-disable,如此一來,欄位值仍會被 submit 出去。


<form>
   <select name="s1" onfocus="defaultValue=this.value" onchange="this.value=defaultValue">
      <option value="001">1</option>
      <option value="002" selected>2</option>
      <option value="003">3</option>
   </select>
   <input type="submit">
</form>
說明:使用default select 的 value 來達到不管再怎麼選還是原來選的那一個

<form>
   <select name="s1" onfocus="defaultIndex=this.selectedIndex" onchange="this.selectedIndex=defaultIndex">
      <option value="001">1</option>
      <option value="002" selected>2</option>
      <option value="003">3</option>
   </select>
   <input type="submit">
</form>
說明:使用 default select 的 index 來達到不管再怎麼選還是原來選的那一個

原文轉貼自 http://blog.yam.com/happylalala/article/10881533 


    全站熱搜

    Frank 發表在 痞客邦 留言(1) 人氣()