JS: Forms

by dipaks2011

HTML

<label>Your favorite fruit:
<datalist id="fruits">
  <select name="fruits">
    <option value="Blackberry">Blackberry</option>
    <option value="Blackcurrant">Blackcurrant</option>
    <option value="Blueberry">Blueberry</option>
    <!-- … -->
  </select>
If other, please specify:
</datalist>
  <input type="text" name="fruit" list="fruits" multiple>
</label>


<!-- <form name="selectForm">

  <p>

    <label for="musicTypes">Choose some music types, then click the button below:</label>

    <select id="musicTypes" name="musicTypes" multiple="multiple">

      <option selected="selected">R and B</option>

      <option>Jazz</option>

      <option>Blues</option>

      <option>New Age</option>

      <option>Classical</option>

      <option>Opera</option>

    </select>

  </p>

  <p><input id="btn" type="button" value="How many are selected?" /></p>

</form> -->

JavaScript

var elements = ["element1", "element2", "element3"];

for(var i = 0; i < elements.length; i++){
	(function(index){
  	setTimeout(function(){
    	console.log(elements[index]);
    })
  })(i)
}

/*
elements.forEach(function(element){
	setTimeout(function(){
  	console.log(element)
  }, 5000);
})
*/




/*
function howMany(selectObject) {
  var numberSelected = 0;
  for (var i = 0; i < selectObject.options.length; i++) {
    if (selectObject.options[i].selected) {
      numberSelected++;
    }
  }
  return numberSelected;
}

var btn = document.getElementById("btn");
btn.addEventListener("click", function(){
  alert('Number of options selected: ' + howMany(document.selectForm.musicTypes))
});
*/