jQuery觸發(fā)下拉框單擊事件。

按鈕觸發(fā)下拉框單擊事件

創(chuàng)新互聯(lián)建站是一家朝氣蓬勃的網(wǎng)站建設(shè)公司。公司專注于為企業(yè)提供信息化建設(shè)解決方案。從事網(wǎng)站開(kāi)發(fā)，網(wǎng)站制作，網(wǎng)站設(shè)計(jì)，網(wǎng)站模板，微信公眾號(hào)開(kāi)發(fā)，軟件開(kāi)發(fā)，成都小程序開(kāi)發(fā)，10多年建站對(duì)成都葡萄架等多個(gè)方面，擁有豐富的網(wǎng)站推廣經(jīng)驗(yàn)。

script

$(document).ready(function(){

$("input").click(function(){

$("select").val("123");

});

});

/script

trigger觸發(fā)select下拉框

請(qǐng)求寫(xiě)在文檔就緒函數(shù)里面，$('#typeId').trigger('change');用于頁(yè)面載入的時(shí)候自動(dòng)觸發(fā)select的onchange事件 。

如果要使得select的option為某一個(gè)value的選項(xiàng)被觸發(fā)的話，可用用這一句$('#typeId').val(saveValue).trigger('change');其中saveValue為value值。

$(function () {

// 初始化頻道

$.ajax({

url: "/channel/first.ajax",

type: "get",

async: false,

dataType: 'json',

success: function (e) {

if (e.status.code == 0) { ? ? ? ? ? ? ? ? ? ?for (var i = 0; i e.data.length; i++) {

$('#typeId').append('option value="' + e.data[i].id + '"' + e.data[i].name + '/option');

/* $("option/option").val(e.data[i].id).text(e.data[i].name).appendTo($('#typeId'));*/

}

$('#typeId').trigger('change');

}

},

error: function () {

}

});

});? ? ? ? ? ? ? ? ? ? ? ?

jQuery如何實(shí)現(xiàn)下拉框的二級(jí)聯(lián)動(dòng)？

給你一個(gè)三級(jí)聯(lián)動(dòng)的，你你參考一下

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

function createCode()

{

//數(shù)組賦值

var varname = new Array(4);

varname[0] = "請(qǐng)選擇";

varname[1] = "紅色";

varname[2] = "黃色";

varname[3] = "藍(lán)色";

//下拉框賦值

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的選中項(xiàng)

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

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

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

//獲取指定ID下拉框的項(xiàng)總數(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的選中項(xiàng)

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

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

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

//獲取指定ID下拉框的項(xiàng)總數(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

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

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

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

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

使用jquery動(dòng)態(tài)的設(shè)置下拉框不能選擇可以使用jquery的attr方法給select控件添加disabled屬性，由于即使是被禁止選擇了，下拉框還是會(huì)顯示白色，這樣可能會(huì)讓用戶產(chǎn)生 誤解，可以再加上一個(gè)灰色的背景色，具體實(shí)現(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"項(xiàng)目經(jīng)理/option

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

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

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

/select

/body

/htmlJavaScript

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

效果圖：

jquery下拉問(wèn)題，鼠標(biāo)一移動(dòng)到下拉菜單,下拉菜單就不見(jiàn)了

不是用hover(),而是用mouseleave(),才能讓鼠標(biāo)移動(dòng)到下拉菜單中，而下拉菜單不會(huì)消失

網(wǎng)站名稱：jquery下拉,jQuery下拉框賦值
文章路徑：http://chinadenli.net/article49/dsigceh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、、品牌網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)