Adicionar Checkbox ao Multi-Select

[julio25frantz 0]

Olá pessoal, tudo bem com vocês? Venho aqui hoje pedir a ajuda de vocês para adicionar checkbox à um multi-select. 

 

Pois bem, tenho o select abaixo, porém preciso adicionar checkbox  a cada option, alguma sugestão?

 

[Maujor 144]

Multi-select e grupo de checkboxes são elementos de formulários HTML diferentes, embora ambos sejam usados para coletar opções de escolha do usuário. Usa-se um ou outro, o que for mais conveniente para cada caso.
O que você quer dizer com "preciso adicionar checkbox  a cada option"?
São funcionalidades diferentes da HTML e não há como combiná-las.

[julio25frantz 0]

5 horas atrás, Maujor disse:

Multi-select e grupo de checkboxes são elementos de formulários HTML diferentes, embora ambos sejam usados para coletar opções de escolha do usuário. Usa-se um ou outro, o que for mais conveniente para cada caso.
O que você quer dizer com "preciso adicionar checkbox  a cada option"?
São funcionalidades diferentes da HTML e não há como combiná-las.

 

Dessa forma:

 

[Maujor 144]

A imagem esclarece o que você pretende fazer.
Isso não é um select com checkbox!
É um grupamento de checkboxes dentro de um box com altura fixa e barra de rolagem vertical.
Estude e adapte os seguintes códigos às suas necessidades:

HTML:

<div>
  <form>
    <input type="text"><input type="submit" value="&#128270;"><br>
    <input type="checkbox" name="letra" value="abc"> abc<br>
    <input type="checkbox" name="letra" value="dca"> dca<br>
    ...
  </form>
</div>

CSS:

div {
  display: inline-block;
  padding: 5px;
  height: 200px;
  border: 1px solid #ccc;
  border-radius: 8px;
}
form {
  height: 200px;
  overflow: auto;
}
input[type=submit] {
  border: none;
  background: none;
  cursor: pointer;
}
input[type=checkbox] {
  margin: 5px 0;
}

Consulte esse exemplo funcionando em: https://jsfiddle.net/maujor/chh37dqv/