select标签中设置只读几种解决方案

时间：2020-01-10 14:51:52 阅读：98 评论：0 收藏：0 [点我收藏+]

^{需求：只读但需要传递到后台。}

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" >

原文：https://www.cnblogs.com/zwesy/p/12175600.html

踩

(0)

评论一句话评论（0）

分享档案

更多>