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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

根據(jù)值篩選 <SELECT> 選項(xiàng)

根據(jù)值篩選 <SELECT> 選項(xiàng)

侃侃爾雅 2022-12-22 11:40:19
我有 2 個(gè)輸入選擇國(guó)家和汽車這是結(jié)構(gòu):[https://jsfiddle.net/CornerStone20/r1eanhwv/6/][1]JSFIDDLE: [1]:https ://jsfiddle.net/CornerStone20/r1eanhwv/6/當(dāng)我選擇國(guó)家時(shí),如何只顯示所選國(guó)家的汽車?我試過(guò)了:$(function() {    $('#Country_Select').on('change', function() {        var val = this.value;        $('#Cars_Select option').hide().filter(function() {            return this.value.indexOf( val + '_' ) === 0;        })        .show();    })    .change();});
查看完整描述

2 回答

?
qq_花開(kāi)花謝_0

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

您可以使用each循環(huán)遍歷選項(xiàng)并檢查 select-box 的值car是否與 select-box 相同,country具體取決于 thisshow()或hide()options 。


演示代碼:


$(function() {

  $('#Country_Select').on('change', function() {

    var val = this.value;

    $('#Cars_Select option').each(function() {

      //checking value of opton in cars selct is same

      if ($(this).val() == val) {

        $(this).show(); //show it

      } else {

        $(this).hide(); //hide other

      }

    })

  })

});

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

// Country select

<select id="Country_Select" class="form-control">

  <option selected="true" disabled="false">Choose Country</option>

  <option value="0001">France</option>

  <option value="8ebd9ec1-b121-44e9-a530-42f227359913">Germany</option>

  <option value="4dda2683-83c6-48c8-af9b-0a96991b7c8b">New Zealand</option>

</select>



// Cars


<select id="Cars_Select" class="form-control">

  <option selected="true" disabled="false">Choose Cars</option>

  <option value="0001">Renauld</option>

  <option value="0001">Mini</option>

  <option value="0001">Paris</option>

  <option value="8ebd9ec1-b121-44e9-a530-42f227359913">BMW</option>

  <option value="8ebd9ec1-b121-44e9-a530-42f227359913">Audi</option>

  <option value="8ebd9ec1-b121-44e9-a530-42f227359913">Mercedes</option>

  <option value="8ebd9ec1-b121-44e9-a530-42f227359913">Benz</option>

  <option value="4dda2683-83c6-48c8-af9b-0a96991b7c8b">Kiwi Auto</option>

</select>


查看完整回答
反對(duì) 回復(fù) 2022-12-22
?
SMILET

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

盡管問(wèn)題已經(jīng)得到解答,但我在這里寫(xiě)了一個(gè)更好的方法:


$('#Country_Select').on('change', function(e) {

  let cars = $('#Cars_Select').children();

  cars.hide();

  let country = $(this).val();

  cars.filter('[value=' + country + ']').add(cars.eq(0)).show();

});


查看完整回答
反對(duì) 回復(fù) 2022-12-22
  • 2 回答
  • 0 關(guān)注
  • 120 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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