13518219792
使用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;");
效果图：
按钮触发下拉框单击事件
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设置下拉框的默认值可以直接使用val方法进行设置。
val方法可以设置表单元素的值，不管是输入框还是下拉菜单，都是用一样的设置方法。
