2016-07-07 107 views
0
<div class="multiselect"> 
     <div class="selectBox" onclick="showCheckboxes('dLang')"> 
      <select> 
       <option>Select an option</option> 
      </select> 
      <div class="overSelect"></div> 
     </div> 
     <div class="checkboxes" id="dLang" style="overflow-x: hidden;"> 

      <label for="three"><input type="checkbox" id="three"/>Czech</label> 
      <label for="three"><input type="checkbox" id="three"/>Danish</label> 
      <label for="three"><input type="checkbox" id="three"/>Dutch</label> 
     </div> 
    </div> 

#此代码工作正常,但我想添加滚动条here.Can任何一个可以帮助?#如何选择降多选择选项下的使用jQuery

+0

您希望我们回答哪些问题?另外你似乎没有在给定的代码中使用JQuery(尽管标签)。你想我们的答案使用JQuery? –

+0

欢迎来到SO。请包括尝试解决方案,为什么他们不工作,以及预期的结果。这真的可以帮助我们找出你的代码的问题。请参阅:[如何创建最小,完整和可验证示例](http://stackoverflow.com/help/mcve)。谢谢! –

+1

检查此链接http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/ –

回答

0

看看这个片段。这是你需要的吗?

.multiSelect { 
 
    height: 100px; 
 
    overflow: scroll; 
 
    overflow-x: hidden; 
 
}
<select class="multiSelect" multiple> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
    <option value="5">5</option> 
 
    <option value="6">6</option> 
 
    <option value="7">7</option> 
 
    <option value="8">8</option> 
 
    <option value="9">9</option> 
 
</select>
(按住Ctrl键可以选择多个元素)

+0

yep.this是我need.it工作,谢谢你.. – shanmu

0
This is you should need to check : http://www.jqueryfaqs.com/Articles/Multiple-Select-MultiSelect-DropDownList-with-CheckBoxes-using-jQuery.aspx  

<script type="text/javascript"> 
     $(function() { 
      $('[id*=your id name ]').multiselect({ 
       includeSelectAllOption: true 
      }); 
     }); 
    </script>