“select html” Code Answer’s

select html

html by Felipebros

on Jul 30 2020 Donate Comment

<select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

html select box

html by Prasad Savadatti

on Jul 25 2022 Comment

<!DOCTYPE html>
<html>
<body>
    <h3>Example of a Select Box</h3>
    <form>
        <label for="country">Country:</label>
        <select name="country" id="country">
            <option value="India">India</option>
            <option value="Sri Lanka">Sri Lanka</option>
            <option value="Australia">Australia</option>
        </select>
    </form>
</body>
</html>

Source: www.geeksforgeeks.org

select html

javascript by Talented Tapir on May 05 2022 Comment

const showSelect = function(){
  text = select.options[select.selectedIndex].textContent;
  label.innerHTML = textVisible == select.value ?
  `Opción seleccionada ${text} <br> NO tiene atributo "value" asignado` : 
  `Opción seleccionada "${text}" <br> SI tiene atributo "value" igual a "${select.value}"`; 
};

const findValue = function(value){
  result = -1;
  let index = 0;
  while(!result & index < select.options.length){
    if(option.value == value) result = index;
    index++;
  }
  return result;
}

const findText = function(value){
  result = -1;
  let index = 0;
  while(!result & index < select.options.length){
    if(option.textContaint == value) result = index;
    index++;
  }
  return result;
}

const removeValue = function(value){
  result = false;
  index = findValue(value);
  if(index){
    select.remove(index);
    result = true;
  };
  return result;  
}

const removeText = function(value){
  result = false;
  index = findText(value);
  if(index){
    select.remove(index);
    result = true;
  };
  return result;  
};

showSelect();

select.addEventListener('change', function(){
  showSelect();
});

Add a Grepper Answer