javascript动态更改文本框 文本域 下拉框的属性

首先,控制input,与textarea只读属性是 readonly

在js中 可以这样去改变,这里要注意js中O要大写 readOnly

 代码如下 复制代码

<script type="text/javascript">
 
//按TagName得到input标签数组
 
var inputList = document.getElementsByTagName("input");
 
//循环数组
 
for( var i = 0; i &lt; inputList.length; i++) {
 
//修改只读属性 true为只读 false为可读可写,
 
inputList[i].readOnly = true;
 
}

textarea也可以这么写，较为简单：

 代码如下 复制代码

$("form textarea").prop("readonly", true);
select标签没有readonly属性,但是有disabled,所以可以这么做

//按TagName得到select标签数组
 
var selectList=document.getElementsByTagName("select");
 
//循环数组
 
for( var i = 0; i &lt; selectList.length; i++) {
 
//修改只读属性 true为只读 false为可读可写,
 
inputList[i].disabled = true;
 
}
 
</script>
时间： 2024-08-30 09:21:56

javascript动态更改文本框 文本域 下拉框的属性的相关文章

Yii把CGridView文本框换成下拉框的方法_php实例

本文实例讲述了Yii把CGridView文本框换成下拉框的方法.分享给大家供大家参考.具体实现方法如下: 使用yii的朋友都知道Yii中的CGridView默认显示提文本框了,那么我们要怎么把它转换成下拉框呢?本文就此分析一下解决方法. 默认情况下CGridView会生成一个文本框,但是这并不友好,用户往往希望知道有什么可选的,特别是数据库里存的是数字id的时候,我们希望将数字转换为可读的文本,这时候只需要修改一下表头的"filter"属性就行了,比如: 复制代码 代码如下: <

大神帮帮忙-QT编辑框问题，下拉框重复动作

问题描述 QT编辑框问题,下拉框重复动作 QT中在编辑框写文本时,要求回弹出下拉框,也跟着一模一样写,就像手机输入手机号码一样 解决方案 之前写过一个..下拉框用的是listWidget是用lineEdit来输入的,楼主可以连接lineEdit的textChanged信号,在槽函数里弹出下拉框进行提示 connect(ui->lineEdit_code SIGNAL(textChanged(QString)) this SLOT(SlotInputCode()));

Yii把CGridView文本框换成下拉框

默认情况下CGridView会生成一个文本框,但是这并不友好,用户往往希望知道有什么可选的,特别是数据库里存的是数字id的时候,我们希望将数字转换为可读的文本,这时候只需要修改一下表头的"filter"属性就行了,比如:  代码如下 复制代码 <?php $this->widget('zii.widgets.grid.CGridView', array(     'id'=>'business-grid',     'dataProvider'=>$dataPr

swing效果点击下拉框自动填充文本框

1,先看效果   上面是文本框,紧挨着下面是对应的下拉框,点击下拉框时,下拉框中的item的内容自动填充到上面的文本框中. 实现代码:   Java代码   public static JComboBox<String> comboBoxSelectedHandle(JComboBox<String> comboBox,final JTextField ipTextField){           if(ValueWidget.isNullOrEmpty(comboBox)){ 

隐藏-Ext 根据下拉框选择不同的值 显示不同的文本框

问题描述 Ext 根据下拉框选择不同的值 显示不同的文本框 Ext 根据下拉框选择不同的值 显示不同的文本框 只显示了文本框没有显示fieldLabel Ext.onReady(function(){ this.username = { id:'usernameId', tabIndex:4, xtype:'textfield', fieldLabel: '密码', cls:'x-upper-text', width:80, name: 'username', maxLength:25, upp

JavaScript实现将数组数据添加到Select下拉框的方法_javascript技巧

本文实例讲述了JavaScript实现将数组数据添加到Select下拉框的方法.分享给大家供大家参考.具体如下: 这里演示将数组中的数据添加到Select下拉菜单中的效果,当你点击下拉框的时候,就动态加载了数据,更换Select内容的时候,直接替换数组中的内容就可以了.适合前端设计者实现前台的部分本地化脚本操作. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-array-add-select-data-codes/ 具体代码如下: <!D

javascript-下拉一次后下拉框变灰问题不能再更改了怎么做

问题描述 下拉一次后下拉框变灰问题不能再更改了怎么做 我想第一次选择之后,以后就不能再更改了,也就是下拉框只能选择一次,这个用js怎么实现,具体写下代码,谢谢 渠道选择APP网站纸媒杂志 解决方案 其实你可以在其中定义一个隐藏的变量为0,当你下拉一次的时候就给这个变量设置值为1,下拉事件的时候,就判断这个值是否是1,是1就不展开下拉列表. 或者你可以绑定一个下拉列表框选择事件,当下拉列表有值的时候就变灰,并且选中也不展开下拉列表. 解决方案二: 例如这个select控件的id叫做channel

javascript中select下拉框的用法总结_javascript技巧

本文针对开发项目中遇到的问题,进行了汇总问题1:如何选择select的option里面的值? 首先会用到一个方法 onchange():这个方法主要用于触发,选择框内容改变时间 实现代码: <!doctype html> <html> <head lang="en"> <meta charset="UTF-8"> </head> <body> <select onchange="

jQGrid动态填充select下拉框的选项值(动态填充)_jquery

本文给大家分享一段代码关于技巧jqgrid动态填充select 下拉框的选项值,非常不多说了,直接给大家贴代码了,具体代码如下所示: function gettypes(){ //动态生成select内容 var str=""; $.ajax({ type:"post", async:false, url:"checkpersontype", success:function(data){ if (data != null) { var json