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

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

创新互联是一家专业的成都网站建设公司，我们专注做网站、网站制作、网络营销、企业网站建设，卖友情链接，广告投放为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。

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触发下拉框单击事件。

按钮触发下拉框单击事件

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

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

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

当前名称：jquery下拉,jQuery下拉菜单一开始就存在
分享路径：http://myzitong.com/article/dsgedis.html