JSP控制select不可再选择

首先分析下disable ,display和readonly:

1,Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。

2,表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去。

3,.style="display:none" 用了隐藏页面标签。

项目中要求用户不能二次更改所有select选项。通过查资料发现最好的做法是,把所有select置为disable,然后在用户提交的时候,再把disable置为false。可惜项目是老项目代码太渣,在原有代码上更改增加判断可能会很麻烦,最后选择仅仅新增一个JS来实现效果,上代码:

function streetLimits(){
    var inputs=document.getElementsByTagName('input');
    var selects=document.getElementsByTagName('select');    
    for(var i=0;i<selects.length;i++){
        if(selects[i].name!='sexId'){
            var index;
            selects[i].onclick=function(){
                index=this.selectedIndex;
            };
            selects[i].onchange=function(){
                this.selectedIndex=index;
            };
        }
    }

}

 

转载于:https://www.cnblogs.com/cheeper/p/3304429.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值