select標簽中設置只讀幾種解決方案

^{需求：只讀但需要傳遞到后台。}

readonly 設置對select標簽無效！

 

方式一、直接在標簽中用js方法設置不可變更（推薦）

<select readonly="readonly" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">

　

方式二、先利用disabled 屬性顯示，但需要在表單提交前移除disabled屬性。否則無法向后台傳遞該參數

<select id="pid"readonly="readonly" disabled="disabled" /> //用此方法時，提交表單前移除disabled屬性，$("#pid").removeAttr("disabled");

 

方式三、點擊觸發js事件時禁用

<select id="pid" readonly="readonly" /> //點擊時觸發禁用

　　

$(function(){
    $("#pid").click(function(){
        return false;
    });   
}

 

方式四、利用disabled 和 隱藏的輸入框來傳值（推薦）

<select readonly disabled="disabled" />

　　

<input name="pid" value="真實需要傳遞的參數值" type="hidden" class="hidden" >