为了账号安全,请及时绑定邮箱和手机立即绑定

怎么设置下拉列表中的双选

怎么设置下拉列表中的双选

正在回答

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)-升级版
  • 参与学习       1225792    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

怎么设置下拉列表中的双选

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信