Adicionar Checkbox ao Multi-Select

*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.

>

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:

	 

	![image.png.ce87eafe18fe4efac2795361daf2270f.png](https://forum.imasters.com.br/monthly_2018_04/image.png.ce87eafe18fe4efac2795361daf2270f.png)

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;
}

 height: 200px;
 overflow: auto;
}

 border: none;
 background: none;
 cursor: pointer;
}

 margin: 5px 0;
}

	Consulte esse exemplo funcionando em: [https://jsfiddle.net/maujor/chh37dqv/](https://jsfiddle.net/maujor/chh37dqv/)