[转帖]select标签中设置只读几种解决方案

liguoquan

2023年7月30日 23:7 本文热度 598

：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

正在查询...