JS设置select标签为readOnly

html中select标签是没有readOnly属性的，只有disabled。但是如果设置其的disabled=true之后，在后台将获取不到这个属性值，怎样可以既让该select只读，又可以在后台获取该select值呢？在这里我说下两种解决方案：

1. 思路：在submit之前，设置其的disabled为false

function submitMethod(){

    //一系列判断

    ...   

   

    //设置select的disabled为false

    $(":select").attr("disabled", false);

   

    //提交表单

    $("#submitform").submit();

}

  缺点：如果像上面这样只有一次请求的还好，如果需要多次跟后台进行交互，我们就需要来回设置select的disabled属性，很麻烦

 

2. 思路：设置select的disabled为true，同时在form表单中添加hidden，设置其name为select的name，value为select的value

function setSelectDisabled(_id){
    var obj = $("#" + _id);
    var htmltxt = "<INPUT type=hidden value="'+obj.val()+'" name="'+obj.attr('name')+'"></INPUT>";
    obj.attr("disabled", "disabled");
    $("form").append(htmltxt);
}

   这样做可以避免出现方法1出现的尴尬情况，同时可以根据自己情况，做批量处理