第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會有你想問的

即使我選擇多個(gè)值，Bootstrap 多選仍顯示 0 選擇

即使我選擇多個(gè)值，Bootstrap 多選仍顯示 0 選擇

PHP
慕的地6264312 2023-12-15 16:22:39
當(dāng)我選擇多個(gè)值時(shí)，它會顯示在標(biāo)簽中選擇的0。我認(rèn)為 Javascript 有問題?？纯催@張圖片：https://photos.app.goo.gl/5Dxwt5gvuE277Uyw9我還想將所有值存儲在我的數(shù)據(jù)庫中。我應(yīng)該將所有值存儲在數(shù)組中然后將其傳遞給 PHP 嗎？$(document).ready(function() {  $("#multifield1 option:selected").each(function() {    console.log(this.text);  });});<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.13/js/bootstrap-multiselect.js"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"><div class="col-lg-6">  <div class="form-group">    <strong>Area of Interest:</strong>    <select id="multifield1" class="multiselect-ui form-control" multiple="multiple">      <option value="X">X</option>      <option value="Y">Y</option>      <option value="Z">Z</option>    </select>  </div></div>
查看完整描述

2 回答

?
叮當(dāng)貓咪

TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊

您需要使用onChange事件處理程序：


$('#multifield1').multiselect({

? ? onChange: function(option, checked) {

? ? ? ? var selectedItems = $("#multifield1 option:selected").length;

? ? ? ? console.log('selected items: ' + selectedItems);

? ? }

});


$('button.btn.btn-info').on('click', function(e) {

? ? var selectedItems = $("#multifield1 option:selected").length;

? ? console.log('Info btn: selected items: ' + selectedItems);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" >

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

<link rel="stylesheet" >


<button type="button" class="btn btn-info">Info</button>


<div class="col-lg-6">

? ? <div class="form-group">

? ? ? ? <strong>Area of Interest:</strong>

? ? ? ? <select id="multifield1" class="multiselect-ui form-control" multiple="multiple">

? ? ? ? ? ? <option value="X">X</option>

? ? ? ? ? ? <option value="Y">Y</option>

? ? ? ? ? ? <option value="Z">Z</option>

? ? ? ? </select>

? ? </div>

</div>


查看完整回答
反對 回復(fù) 2023-12-15
?
智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊

此代碼放置在您的 $(document).ready 事件處理程序中，這意味著它僅在頁面首次加載時(shí)執(zhí)行。我假設(shè)最初在頁面加載時(shí)，尚未選擇任何內(nèi)容。


您可以偵聽 select onchange 事件并在處理程序中使用您的代碼，以便每次更改 select 值時(shí)都會運(yùn)行該代碼。


$(document).ready(function() {


    $("#multifield1").on("change", function() {

      $(this).find("option:selected").each(function() {

        console.log(this.text);

      });

    })


});


查看完整回答
反對 回復(fù) 2023-12-15
?
阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個(gè)贊

要將數(shù)組中的值發(fā)送到 PHP，您應(yīng)該將“name”設(shè)置為您的選擇標(biāo)簽的屬性如下所示：

<select name="test[]" id="multifield1" class="multiselect-ui form-control" multiple="multiple">

另外，不要忘記在標(biāo)簽中創(chuàng)建表單并添加提交按鈕。


查看完整回答
反對 回復(fù) 2023-12-15
  • 2 回答
  • 0 關(guān)注
  • 236 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號