課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
怎么設置下拉列表中的雙選
2018-05-05
源自:初識HTML(5)+CSS(3)-升級版 6-10
正在回答
想請教下,這個加multiple屬性,出現這個問題是怎么回事?,我的代碼如下圖:
你可以這樣設置。在任意的選項里面先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那樣進行多選,會方便很多。
diaboloJenqNing
下拉列表也可以進行多選操作,在<select>標簽中設置multiple="multiple"屬性,就可以實現多選功能,在 windows 操作系統下,進行多選時按下Ctrl鍵同時進行單擊
multiple="multiple"
Ctrl
單擊
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答下拉列表的位置
4 回答html下拉列表可以設置尺寸嗎?
2 回答下拉列表中select中的name屬性
1 回答下拉列表框
3 回答下拉列表框
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-07-17
2018-05-05
你可以這樣設置。在任意的選項里面先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那樣進行多選,會方便很多。
2018-05-05
下拉列表也可以進行多選操作,在<select>標簽中設置
multiple="multiple"
屬性,就可以實現多選功能,在 windows 操作系統下,進行多選時按下Ctrl
鍵同時進行單擊