課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
怎么設(shè)置下拉列表中的雙選
2018-05-05
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 6-10
正在回答
想請(qǐng)教下,這個(gè)加multiple屬性,出現(xiàn)這個(gè)問題是怎么回事?,我的代碼如下圖:
你可以這樣設(shè)置。在任意的選項(xiàng)里面先Default已經(jīng)選擇兩個(gè),那么你就可以不必按Ctrl進(jìn)行雙選甚至多選了。
HTML里面<select multiple class="form-control">
? <option>火車</option>
? <option>飛機(jī)</option>
? <option>游輪</option>
?<option>巴士</option>
</select>
加上JQuery里面應(yīng)用這段代碼,你就可以不必按Ctrl在下拉列表里面進(jìn)行多選。
jQuery('option').mousedown(function(e) {
? ? e.preventDefault();
? ? jQuery(this).toggleClass('selected');
??
? ? jQuery(this).prop('selected', !jQuery(this).prop('selected'));
? ? return false;
});個(gè)人建議:當(dāng)然你也可以用Radio Button那樣進(jìn)行多選,會(huì)方便很多。
diaboloJenqNing
下拉列表也可以進(jìn)行多選操作,在<select>標(biāo)簽中設(shè)置multiple="multiple"屬性,就可以實(shí)現(xiàn)多選功能,在 windows 操作系統(tǒng)下,進(jìn)行多選時(shí)按下Ctrl鍵同時(shí)進(jìn)行單擊
multiple="multiple"
Ctrl
單擊
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答下拉列表的位置
4 回答html下拉列表可以設(shè)置尺寸嗎?
2 回答下拉列表中select中的name屬性
1 回答下拉列表框
3 回答下拉列表框
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-07-17
2018-05-05
你可以這樣設(shè)置。在任意的選項(xiàng)里面先Default已經(jīng)選擇兩個(gè),那么你就可以不必按Ctrl進(jìn)行雙選甚至多選了。
HTML里面
<select multiple class="form-control">
? <option>火車</option>
? <option>飛機(jī)</option>
? <option>游輪</option>
?<option>巴士</option>
</select>
加上JQuery里面應(yīng)用這段代碼,你就可以不必按Ctrl在下拉列表里面進(jìn)行多選。
jQuery('option').mousedown(function(e) {
? ? e.preventDefault();
? ? jQuery(this).toggleClass('selected');
??
? ? jQuery(this).prop('selected', !jQuery(this).prop('selected'));
? ? return false;
});
個(gè)人建議:當(dāng)然你也可以用Radio Button那樣進(jìn)行多選,會(huì)方便很多。
2018-05-05
下拉列表也可以進(jìn)行多選操作,在<select>標(biāo)簽中設(shè)置
multiple="multiple"
屬性,就可以實(shí)現(xiàn)多選功能,在 windows 操作系統(tǒng)下,進(jìn)行多選時(shí)按下Ctrl
鍵同時(shí)進(jìn)行單擊