select2 jquery所有選項應該只讀。即，所有下拉值應該是可見的，但不可點擊

我在兩個下拉列表中使用jQuery值，在jQuery中使用select2。這裏我需要使我的第二個下拉列表只讀。所有選項都應該可見。但不能單擊。我嘗試禁用，但總下拉得到禁用。下拉不會發生。select2 jquery所有選項應該只讀。即，所有下拉值應該是可見的，但不可點擊

2014-12-19 chan

您可以更改所選指數回在onchange事件所需的值（警惕創建和無限循環的），或者你可以在選項的鼠標按下事件返回false內選擇（DDL）。請記住，當用戶用鍵盤 – Van 2014-12-19 07:22:26

選擇一個值時，測試它，而不是有沒有內置的方法或類似的東西，這對我來說會更有用。例如，禁用我們將disable設置爲true。我需要那樣的東西。 – chan 2014-12-19 08:07:59

分享代碼。 – 2014-12-19 08:16:35

兩種方式：

（1）添加的處理程序'select2-selecting'事件，該事件對象調用.preventDefault()。這將停止選擇一個項目。

$('#select').select2({ 
    ... 
}).on('select2-selecting', function(e) { 
    e.preventDefault(); 
});

如果你想下拉被點擊的項目時仍然關閉，你可以這樣做：

$('#select').select2({ 
    ... 
}).on('select2-selecting', function(e) { 
    e.preventDefault(); 
    $(this).select2('close'); 
});

如果你不希望搜索框，您可以設置minimumResultsForSearch選項爲負數。

$('#select').select2({ 
    ... 
    minimumResultsForSearch: -1 
})

（2）@JayRizzi's answer到your other question節目，你可以標記所有的選擇爲禁用，而不是整個選擇二控制。

$('#select').select2({ 
    data: [ 
     id: 'id1', text: 'choice 1', disabled: true, 
     ... 
    ], 
    ... 
});

2014-12-19 15:53:30

回答