亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

多選并選擇第一個元素

多選并選擇第一個元素

慕姐8265434 2023-09-18 15:57:54
我已經為 id 多重選擇創建了多重選擇。我想選擇第一個項目作為 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',      },      });我想選擇加載時選擇的藍色 QA。選項是動態加載的。嘗試添加為$('#multiselect select option:first-child').prop("selected", true); 但沒有運氣
查看完整描述

4 回答

?
神不在的星期二

TA貢獻1963條經驗 獲得超6個贊

需要調用多選時,可以通過再次調用多選的選項來選擇多選的選項。


$('#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>


查看完整回答
反對 回復 2023-09-18
?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

$( document ).ready(function() {
   $("#multiselect").prop("selectedIndex", 0);
});

這應該可以工作,因為這設置了選定的索引。在prop()函數中,傳遞第一個參數來選擇索引,第二個參數設置為0now,用于指定<option>要選擇的索引。因此您可以在其中傳遞任何現有的索引號。


查看完整回答
反對 回復 2023-09-18
?
開心每一天1111

TA貢獻1836條經驗 獲得超13個贊

嘗試下面的代碼


$(document).ready(function() {

 $('#multiselect select option:first-child').prop("selected", true);

 $('#multiselect').multiselect('refresh');

});


查看完整回答
反對 回復 2023-09-18
?
鴻蒙傳說

TA貢獻1865條經驗 獲得超7個贊

只需在加載時添加此腳本,如下所示:-


$(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


})

查看完整回答
反對 回復 2023-09-18
  • 4 回答
  • 0 關注
  • 156 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號