Aktuell datum i dropdown meny

3 svar · 410 visningar · startad av liverpool 14 aug. 2007

liverpoolMedlem sedan nov. 200468 inlägg

14 aug. 2007 20:38#1

Hej

Har gjort två dropdown menyer. Nu vill jag ha aktuell månad alltså augusti. Finns det något javascript på detta.

Här är min kod

<select name="ar" id="ar">
      <option value="2007">2007</option>
      <option value="2006">2006</option>
      <option value="2005">2005</option>
      <option value="2004">2004</option>
      <option value="2003">2003</option>
      <option value="2002">2002</option>
      <option value="2001">2001</option>
      <option value="2000">2000</option>
            </select>
    </label>
    <label>
    <select name="manad" id="manad">
      <option value="1">Januari</option>
      <option value="2">Februari</option>
      <option value="3">Mars</option>
      <option value="4">April</option>
      <option value="5">Maj</option>
      <option value="6">Juni</option>
      <option value="7">Juli</option>
      <option value="8" selected="selected">Augusti</option>
      <option value="9">September</option>
      <option value="10">Oktober</option>
      <option value="11">November</option>
      <option value="12">December</option>
                            </select>

Peter SMedlem sedan dec. 20025 484 inlägg

15 aug. 2007 16:42#2

function setCurrentMonthSelected(myFormName, mySelectName)
{
  var currMonth = new Date().getMonth() + 1;
  var options   = document.forms[myFormName].elements[mySelectName].options;
  var size = options.length;
  while (size--){
    if (options[size].value == currMonth){
      options[size].selected = true;
      break;
    }
  }
}

window.onload = function()
{
  setCurrentMonthSelected('formName','selectName');
}

liverpoolMedlem sedan nov. 200468 inlägg

16 aug. 2007 05:12#3

Var skall jag lägga in koden. Mitt formulär heter form1. Någon som kan hjälpa till?

Peter SMedlem sedan dec. 20025 484 inlägg

16 aug. 2007 16:03#4

function setCurrentMonthSelected(myFormName, mySelectName)
{
  var currMonth = new Date().getMonth() + 1;
  var options   = document.forms[myFormName].elements[mySelectName].options;
  var size = options.length;
  while (size--){
    if (options[size].value == currMonth){
      options[size].selected = true;
      break;
    }
  }
}

window.onload = function()
{
  setCurrentMonthSelected('form1','manad');
}

Lägg koden i <script>-block i exempelvis <head></head>.