js中下拉框变灰_javascript如何让下拉列表框变灰

⑴ jquery 中怎么让下拉框不能选择

使用动态的设置下拉框不能选择可以使用jquery的attr方法给select控件添加disabled属性，由于即使是被禁止选择了，下拉框还是会显示白色，这样可能会让用户产生误解，可以再加上一个灰色的背景色，具体实现代码如下：

HTML

<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>如何设置select下拉禁止选择</title>
<scriptsrc="../js/jquery-1.12.4.js"></script>
<script>
$(function(){

});
</script>
</head>
<body>
<selectid="sel">
<optionvalue="1">项目经理</option>
<optionvalue="2">总经理</option>
<optionvalue="3">技术经理</option>
<optionvalue="4">部门经理</option>
</select>
</body>
</html>

javaScript

$("#sel").attr("disabled","disabled").css("background-color","#EEEEEE;");

效果图：

⑵ js 如何设置text为灰色不可编辑

<html>
<body>
<select name="select" onchange="on_test(this.value)">
<option value="1_值1">默认值</option>
<option value="0_值1">名称1</option>
<option value="1_值2">名称2</option>
</select>
<input id="ygyjmb">
<script type="text/javascript">
function on_test(val){
if (val.charAt(0)=="0"){
document.getElementById("ygyjmb").readOnly=true;
}else{
document.getElementById("ygyjmb").readOnly=false;
}
}
</script>

</body>
</html>

上面就是例子。你把select和input改为你自己的就可版以，注意id也要修改的相权同

⑶ 如何在js里控制jsp中的table表格中input框变灰不可输

jsp中的table表格抄中input框变灰不可输入的方袭法是：
比如有个table的id是tbl，那么就可以用以下代码控制所有的input框无法输入：
$("#tbl").find("input,button,textarea,select").attr("disabled", "disabled");

⑷ javascript如何让下拉列表框变灰

不知道你指的是那种变灰，干脆把两个功能全写上吧专

<html>
<head>
<script type="text/javascript">
function change()
{
var select1=document.getElementById("s1");
if(select1.disabled==true)
select1.disabled=false;
else if(select1.disabled==false)
select1.disabled=true;
}
</script>
</head>
<body>
<select id="s1" style="background-color: gray">
<OPTION value='1'>1</OPTION>
<OPTION value='2'>2</OPTION>
<OPTION value='3'>3</OPTION>
</select>
<input type="button" value="改变下拉框状态属" onclick="change()">
</body>
</html>

⑸ 如何用Javascript使文本输入框变灰

JavaScript禁用文本框或者禁止文本框的输入方法仅供参考：
方法1、设置文本框的ReadOnly选项
<input type="text" value="此处文本不可修改" readonly/>

在JavaScript中，可以使用以下代码启用或禁用问框框的输入功能：
document.all.textInputID.readOnly = false;

采用这种方法的好处是在基于SSH（Struts + Spring + HIbernate）框架的设计中，我们能够通过Form调用到该文本框。当然，其它方法也调用不到，本文结尾处将略作介绍。

方法2、设置文本框的Disable属性
<input type="text" value="该文本框不可用" disabled/>

相应的JavaScript代码如下：
document.all.textInputID.disabled = true;

方法3、在对象focus时立刻让它blur，使它无法获得焦点
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()"/>

提示：readonly和disabled的区别在于后者完全禁止与该对象的交互(表现为不可改写、不可提交等)，而readonly是可以提交的

⑹ 如何使用javascript使按钮变灰且不能点击

第一种方法：直接按钮中加入

当点击提交后，提交按钮变灰色不可用，这样可有效防止重复提交，本代码就是实现这样一个功能。从代码就可以看出，我们只需在提交按钮上加入这一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是当按钮点击后，将按钮的不可用属性设置为true，这样按钮就变灰了

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>表单提交后按钮变成灰色</title>
</head>
<body>
<formname=form1method="POST"action="/"target=_blank>
<p><inputtype="text"name="T1"size="20"><inputtype="button"value="提交"onclick="javascript:{this.disabled=true;document.form1.submit();}">
<inputtype="reset"value="重置"name="B2"></p>
</form>
</body>
</html>

第二种方法：通过onSubmit事件实现，并且可以将变灰按钮变为可用

在form里面添加 onSubmit事件，如果表单加入了判断，那么这个方法直接就可以用了，记住就放到最后，否则一开始就为灰了，但我们加上了一个使提交按钮变为可用的代码，
即可防止重复提交信息，也可以防止代码问题导致不可提交的情况

<formname=form1action=""onSubmit="returnclosebut()">
<inputname="imageField"type="submit"class="inputbut"value="确定"/><br>
<inputtype="button"name="hui"id="hui"value="让提交按钮可用"onclick="document.form1.imageField.disabled=false"/>
</form>
<script>
functionclosebut(){
document.form1.imageField.disabled=true;
}
</script>

第三种，跟上面的类似

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="content-type"content="text/html;charset=gb2312">
<metaname="keywords"content="站长,网页特效,js特效,js脚本,脚本,广告代码"/>
<metaname="description"content="www.jb51.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网"/>
<title>网页特效表单提交后按钮变灰效果三</title>
</head>
<body>
<ahref="http://www.jb51.net/">脚本之家</a>,站长必备的高质量网页特效和广告代码。<hr>
<!--欢迎来到脚本之家，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：<Ahref="http://www.jb51.net">www.jb51.net</A>，用.net打造靓站-->
<scriptlanguage="javascript">
functionsubmitonce(jb51_net){
if(document.all||document.getElementById){
for(i=0;i<jb51_net.length;i++){
vartempobj=jb51_net.elements[i];
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
tempobj.disabled=true;
}
}
}//欢迎来到站长特效网，我们的网址是www.jb51.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script>
<formaction="http://www.jb51.net"method="post"name="jb51_net"onSubmit="submitonce(this)">
<inputtype="text"name="name">
<inputtype="submit"name="submit1"value="提交">
</form>
</body>
</html>

⑺ javascript 选择下拉菜单使文本框变灰色

<select name="Profession[]" value="no" onchange="lock()">

function lock(){
var sel=document.getElementById("Profession[]");
if(sel.value=="stu") document.getElementById("salary[]").disabled;
}

导航:首页 > 编程语言 > js中下拉框变灰

js中下拉框变灰

HTML

javaScript

与js中下拉框变灰相关的资料

友情链接