&

liguoquan

2023年7月30日 23:7 本文熱度 1308

：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  /> //點擊時觸發禁用

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

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

<select readonly disabled="disabled" />

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

該文章在 2023/7/30 23:07:07 編輯過

關鍵字查詢

方案

只

只讀

select

正在查詢...

91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放