jquery下拉,jQuery下拉框赋值

jQuery触发下拉框单击事件。

按钮触发下拉框单击事件

创新互联建站是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发，网站制作，网站设计，网站模板，微信公众号开发，软件开发，成都小程序开发，10多年建站对成都葡萄架等多个方面，拥有丰富的网站推广经验。

script

$(document).ready(function(){

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

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

});

});

/script

trigger触发select下拉框

请求写在文档就绪函数里面，$('#typeId').trigger('change');用于页面载入的时候自动触发select的onchange事件 。

如果要使得select的option为某一个value的选项被触发的话，可用用这一句$('#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如何实现下拉框的二级联动？

给你一个三级联动的，你你参考一下

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

function createCode()

{

//数组赋值

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();

}

//复制下拉框一给下拉框二

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();

}

//复制下拉框一给下拉框二

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;

//获取选中项的内容

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

//获取指定ID下拉框的项总数

//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;

//获取选中项的内容

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

//获取指定ID下拉框的项总数

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给下拉框设置默认值

jquery设置下拉框的默认值可以直接使用val方法进行设置。

val方法可以设置表单元素的值，不管是输入框还是下拉菜单，都是用一样的设置方法。

“jquery”中怎么让下拉框不能选择？

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

HTML

!DOCTYPE html

html

head

meta charset="UTF-8"

title如何设置select下拉禁止选择/title

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

script

$(function(){               });

/script

/head

body

select id="sel"

option value="1"项目经理/option

option value="2"总经理/option

option value="3"技术经理/option

option value="4"部门经理/option

/select

/body

/htmlJavaScript

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

效果图：

jquery下拉问题，鼠标一移动到下拉菜单,下拉菜单就不见了

不是用hover(),而是用mouseleave(),才能让鼠标移动到下拉菜单中，而下拉菜单不会消失