我已經(jīng)為 id 多重選擇創(chuàng)建了多重選擇。我想選擇第一個(gè)項(xiàng)目作為 selected 。 <select id="multiselect" multiple="multiple" name="project_list" class="jqmsLoaded ms-list-1" style="display: none;"><option value="Blue QA">Blue QA</option><option value="Easybridge">Easybridge</option><option value="K12RS">K12RS</option><option value="LEM">LEM</option></select> $('#multiselect').multiselect({ search:true, selectAll: true, //select : [0], // texts: { search: 'Search Projects', placeholder: 'Select Projects', }, });我想選擇加載時(shí)選擇的藍(lán)色 QA。選項(xiàng)是動(dòng)態(tài)加載的。嘗試添加為$('#multiselect select option:first-child').prop("selected", true); 但沒(méi)有運(yùn)氣
4 回答
神不在的星期二
TA貢獻(xiàn)1963條經(jīng)驗(yàn) 獲得超6個(gè)贊
需要調(diào)用多選時(shí)，可以通過(guò)再次調(diào)用多選的選項(xiàng)來(lái)選擇多選的選項(xiàng)。
$('#multiselect').multiselect({
search:true,
selectAll: true,
texts: {
search: 'Search Projects',
placeholder: 'Select Projects',
},
});
var select_1 = $('#multiselect option:eq(0)').val();
//selecting element of multiiselect
$('#multiselect').multiselect('select', select_1);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/js/bootstrap-multiselect.min.js" integrity="sha256-qoj3D1oB1r2TAdqKTYuWObh01rIVC1Gmw9vWp1+q5xw=" crossorigin="anonymous"></script>
<select id="multiselect" multiple="multiple multiselect" name="project_list" class="jqmsLoaded ms-list-1" style="display: none;">
<option value="Blue QA">Blue QA</option>
<option value="Easybridge">Easybridge</option>
<option value="K12RS">K12RS</option><option value="LEM">LEM</option>
</select>
千巷貓影
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊
$( document ).ready(function() {
$("#multiselect").prop("selectedIndex", 0);
});這應(yīng)該可以工作，因?yàn)檫@設(shè)置了選定的索引。在prop()函數(shù)中，傳遞第一個(gè)參數(shù)來(lái)選擇索引，第二個(gè)參數(shù)設(shè)置為0now，用于指定<option>要選擇的索引。因此您可以在其中傳遞任何現(xiàn)有的索引號(hào)。
開(kāi)心每一天1111
TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個(gè)贊
嘗試下面的代碼
$(document).ready(function() {
$('#multiselect select option:first-child').prop("selected", true);
$('#multiselect').multiselect('refresh');
});
鴻蒙傳說(shuō)
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
只需在加載時(shí)添加此腳本，如下所示：-
$(function(){
$('#multiselect').multiselect('select', $("#multiselect option:first").val());?
//second approach?
$("#multiselect").val($("#multiselect option:first").val());
$('#multiselect').multiselect('rebuild');? ? //important to rebuild if any changes done using script
})
- 4 回答
- 0 關(guān)注
- 180 瀏覽
添加回答
舉報(bào)
0/150
提交
取消