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中下拉框變灰相關的資料

友情鏈接