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

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

創(chuàng)新互聯(lián)是一家專業(yè)的成都網(wǎng)站建設公司，我們專注做網(wǎng)站、網(wǎng)站制作、網(wǎng)絡營銷、企業(yè)網(wǎng)站建設，賣友情鏈接，廣告投放為企業(yè)客戶提供一站式建站解決方案，能帶給客戶新的互聯(lián)網(wǎng)理念。從網(wǎng)站結構的規(guī)劃UI設計到用戶體驗提高，創(chuàng)新互聯(lián)力求做到盡善盡美。

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"項目經(jīng)理/option

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

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

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

/select

/body

/htmlJavaScript

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

效果圖：

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

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

script

$(document).ready(function(){

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

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

});

});

/script

trigger觸發(fā)select下拉框

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

如果要使得select的option為某一個value的選項被觸發(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給下拉框設置默認值

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

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