Skip to navigation

How to select a option with javascript ?07.12.13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body onload="setDate()">
<script language="javascript" type="text/javascript">

function setDate ()

{

var month = document.getElementById("monate");

var monthNames = new Array(12)

monthNames[0] = "january";

monthNames[1] = "february";

monthNames[2] = "march";

monthNames[3] = "april";

monthNames[4] = "may";

monthNames[5] = "june";

monthNames[6] = "july";

monthNames[7] = "august";

monthNames[8] = "september";

monthNames[9] = "october";

monthNames[10] = "november";

monthNames[11] = "december";

var date_now = new Date();

var month_now = date_now.getMonth();

var curMonthOption = document.getElementById(monthNames[month_now]);

curMonthOption.selected = true;

}

</script>

<select id="monate">

<option id="january" value="january">January</option>

<option id="february" value="february">February</option>

<option id="march" value="march">March</option>

<option id="april" value="april">April</option>

<option id="may" value="may">May</option>

<option id="june" value="june">June</option>

<option id="july" value="july">July</option>

<option id="august" value="august">August</option>

<option id="september" value="september">September</option>

<option id="october" value="october">October</option>

<option id="november" value="november">November</option>

<option id="december" value="december">December</option>

</select>
</body>
</html>

http://matthom.com/archive/2006/02/13/javascript-set-selected-on-load

Reply

Anonymous

How to select a option with javascript ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body onload="setDate()">
<script language="javascript" type="text/javascript">

function setDate ()

{

var month = document.getElementById("monate");

var monthNames = new Array(12)

monthNames[0] = "january";

monthNames[1] = "february";

monthNames[2] = "march";

monthNames[3] = "april";

monthNames[4] = "may";

monthNames[5] = "june";

monthNames[6] = "july";

monthNames[7] = "august";

monthNames[8] = "september";

monthNames[9] = "october";

monthNames[10] = "november";

monthNames[11] = "december";

var date_now = new Date();

var month_now = date_now.getMonth();

var curMonthOption = document.getElementById(monthNames[month_now]);

curMonthOption.selected = true;

}

</script>

<select id="monate">

<option id="january" value="january">January</option>

<option id="february" value="february">February</option>

<option id="march" value="march">March</option>

<option id="april" value="april">April</option>

<option id="may" value="may">May</option>

<option id="june" value="june">June</option>

<option id="july" value="july">July</option>

<option id="august" value="august">August</option>

<option id="september" value="september">September</option>

<option id="october" value="october">October</option>

<option id="november" value="november">November</option>

<option id="december" value="december">December</option>

</select>
</body>
</html>

07.12.13

http://matthom.com/archive/2006/02/13/javascript-set-selected-on-load

Reply

Anonymous