首页 > 代码库 > Submit disabled Dropdown

Submit disabled Dropdown

2024-07-21 16:12:28   230人阅读

需求：完成一个不可以改的dropdown，（符合一定logic）在js中设value，并且提交表单时把值提交到server


1.尝试readonly


<script src=http://www.mamicode.com/"jquery-1.11.1.min.js"></script>>



结果发现，readonly对dropdown是无效的，用户依然可以选，我们必须disable掉它。


2.尝试disable


<script src=http://www.mamicode.com/"jquery-1.11.1.min.js"></script>>


结果发现，提交表单时，html form 并没有带上disable的成员






现在disable拿掉，可以看到html form中包含了dropdown的值



3.依然disable，但是提交表单时把disable拿掉


html不变，script加一句变为：


$(document).ready(function(){


 $("#sel").closest("form").submit(function () {
                $("#sel").removeAttr("disabled");
            });


$("#sel").val(2);
$("#sel").attr("disabled","disabled");


});




可以看到，这样就实现了需求。



当然，还可以通过hidden的方式来实现同样的事情，即在dropdown值改变的时候更新hidden。
Submit disabled Dropdown


联系
我们