jquery給下拉框設(shè)置默認值

jquery設(shè)置下拉框的默認值可以直接使用val方法進行設(shè)置。

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計、成都做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)泰和免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

val方法可以設(shè)置表單元素的值，不管是輸入框還是下拉菜單，都是用一樣的設(shè)置方法。

“jquery”中怎么讓下拉框不能選擇？

使用jquery動態(tài)的設(shè)置下拉框不能選擇可以使用jquery的attr方法給select控件添加disabled屬性，由于即使是被禁止選擇了，下拉框還是會顯示白色，這樣可能會讓用戶產(chǎn)生 誤解，可以再加上一個灰色的背景色，具體實現(xiàn)代碼如下：

HTML

!DOCTYPE html

html

head

meta charset="UTF-8"

title如何設(shè)置select下拉禁止選擇/title

script src="../js/jquery-1.12.4.js"/script

script

$(function(){ ? ? ? ? ? ? ? });

/script

/head

body

select id="sel"

option value="1"項目經(jīng)理/option

option value="2"總經(jīng)理/option

option value="3"技術(shù)經(jīng)理/option

option value="4"部門經(jīng)理/option

/select

/body

/htmlJavaScript

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

效果圖：

jQuery如何實現(xiàn)下拉框的二級聯(lián)動？

給你一個三級聯(lián)動的，你你參考一下

script language="JavaScript" type="text/javascript"

function createCode()

{

//數(shù)組賦值

var varname = new Array(4);

varname[0] = "請選擇";

varname[1] = "紅色";

varname[2] = "黃色";

varname[3] = "藍色";

//下拉框賦值

for(var i=0;i4;i++)

{

document.getElementById('xlk1').options[i] = new Option(varname[i],i);

}

copy();

}

//復(fù)制下拉框一給下拉框二

function copy()

{

for(i=0;idocument.getElementById("xlk1").options.length;i++)

{

document.getElementById('xlk2').options[i] = new Option(document.getElementById("xlk1").options[i].text,i)

}

copytwo();

}

//復(fù)制下拉框一給下拉框二

function copytwo()

{

for(i=0;idocument.getElementById("xlk2").options.length;i++)

{

document.getElementById('xlk3').options[i] = new Option(document.getElementById("xlk2").options[i].text,i)

}

}

function onChange1()

{

//獲取下拉框1的選中項

var strid=document.getElementById("xlk1").value;

//獲取選中項的內(nèi)容

//var strtxt=document.getElementById("xlk1").options[window.document.getElementById("xlk1").selectedIndex].text;

//獲取指定ID下拉框的項總數(shù)

//var strnub=document.getElementById("xlk1").options.length;

copy();

if(strid != 0)

{

document.getElementById("xlk2").options.remove(strid);

document.getElementById("xlk3").options.remove(strid);

}

document.getElementById("textfield").value=strid+strtxt+strnub;

}

function onChange2()

{

//獲取下拉框1的選中項

var strid2=document.getElementById("xlk2").selectedIndex;

//獲取選中項的內(nèi)容

var strtxt2=document.getElementById("xlk2").options[window.document.getElementById("xlk2").selectedIndex].text;

//獲取指定ID下拉框的項總數(shù)

var strnub2=document.getElementById("xlk2").options.length;

copytwo();

if(strid2 != 0)

{

document.getElementById("xlk3").options.remove(strid2);

}

}

/script

body onLoad="createCode()"

form id="form1" name="form1" method="post" action=""

select name="xlk1" id="xlk1" onChange="onChange1()"/select

select name="xlk2" id="xlk2" onChange="onChange2()"/select

select name="xlk3" id="xlk3"/select

/form