datalist.append js code example

Example 1: create javascript array from datalist dynamically

<input name="month" list="months" >
<datalist id="months" >
</datalist>

<script language="javascript">
var str=''; // variable to store the options
var month = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
for (var i=0; i < month.length;++i){
str += '<option value="'+month[i]+'" />'; // Storing options in variable
}
var my_list=document.getElementById("months");
my_list.innerHTML = str;
</script>

Example 2: javascript array from datalist

var options = document.getElementById('estados').getElementsByTagName('option');
var optionVals = [], i = 0;

for (i; i < options.length; i += 1) {
  optionVals.push(options[i].value);
}

console.log(optionVals);