Parfois, nous avons besoin d'une liste déroulante facultative pour sélectionner le contenu, mais il est également nécessaire de personnaliser la saisie. Pour cette exigence, la plupart des sites Web utilisent une zone déroulante et un texte de saisie pour proposer des choix en parallèle ou sur des lignes séparées. Nous voulons donc que cela ressemble à une liste déroulante qui peut être saisie ou sélectionnée, alors comment faire ?
En fait, nous pouvons simuler cet effet grâce au positionnement de position CSS et un peu de code javascript.
<script><br> var listName = document.getElementById('list-name-for-select');<br> var listSelect = document.getElementById('list-select').onchange = function(e ){<br> console.log(this)<br> if(this.value){<br> listName.value = this.value ' | ' this.options[this.selectedIndex].text;<br> }else{<br> listName.value = ''<br> }<br> };<br> </script>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
