<select id="mon-menu-deroulant">

  <option value="option1">Option 1</option>

  <option value="option2">Option 2</option>

  <option value="option3">Option 3</option>

</select>

​

<script>

    // Récupérer l'élément select

  var selectElement = document.getElementById("mon-menu-deroulant");

  // Récupérer la valeur de l'option sélectionnée

  var selectedValue = selectElement.value;

 </script>

​

<select id="mySelect">

  <option value="option1">Option 1</option>

  <option value="option2">Option 2</option>

  <option value="option3">Option 3</option>

</select>

​

<button onclick="getSelectedValue()">Get Selected Value</button>

​

<script>

function getSelectedValue() {

  var selectElement = document.getElementById("mySelect");

  var selectedValue = selectElement.value;

  console.log(selectedValue);

}

</script>

const selectedValue = document.getElementById("color-id").value;