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

為了賬號安全,請及時綁定郵箱和手機立即綁定

怎么設置下拉列表中的雙選

怎么設置下拉列表中的雙選

正在回答

3 回答

https://img1.sycdn.imooc.com//5b4db9400001b3f503450318.jpg想請教下,這個加multiple屬性,出現這個問題是怎么回事?,我的代碼如下圖:https://img1.sycdn.imooc.com//5b4db9b10001356f07460521.jpg

0 回復 有任何疑惑可以回復我~

你可以這樣設置。在任意的選項里面先Default已經選擇兩個,那么你就可以不必按Ctrl進行雙選甚至多選了。

HTML里面
<select multiple class="form-control">

? <option>火車</option>

? <option>飛機</option>

? <option>游輪</option>

?<option>巴士</option>

</select>


加上JQuery里面應用這段代碼,你就可以不必按Ctrl在下拉列表里面進行多選。

jQuery('option').mousedown(function(e) {

? ? e.preventDefault();

? ? jQuery(this).toggleClass('selected');

??

? ? jQuery(this).prop('selected', !jQuery(this).prop('selected'));

? ? return false;

});

個人建議:當然你也可以用Radio Button那樣進行多選,會方便很多。

0 回復 有任何疑惑可以回復我~
#1

diaboloJenqNing

請無視我第一句話就可以了打錯。
2018-05-05 回復 有任何疑惑可以回復我~

下拉列表也可以進行多選操作,在<select>標簽中設置multiple="multiple"屬性,就可以實現多選功能,在 windows 操作系統下,進行多選時按下Ctrl鍵同時進行單擊

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228743    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

怎么設置下拉列表中的雙選

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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