onClick смяна на Value & ID

DjBS

Registered
Код:
<form ...>
  <input
    type="button"
    value=" Button "
    onclick="this.value=' New Value ';this.form.foo.value=' Hidden ';" />
  <input
    type="hidden"
    name="foo"
    value="" />
Този код работи... но... само 1 кликване, а се опитвам да направя така че да се сменят 3 value-та 1 2 3 и после пак да се повтарят 1 2 3 и т.н.
 
<form ...>
<input
type="button"
value=" Button "
id="button"
onclick="change()" />
<input
type="hidden"
name="foo"
value=""
id="hidden"/>

Добавяш ID на полетата и сменяш onclick евента да вика функция change() която трябва да изглежда така:
Код:
function change() {
document.getElementById('button').value=' New Value ';
document.getElementById('hidden').value=' Hidden ';
}
 
Пробвам нещо такова, но не се сработва.
Код:
<script>
function change() { 
	if (document.getElementById('button').value == '4:3') { 
		document.getElementById('button').value='16:9'; 
	}
	if (document.getElementById('button').value == '16:9') { 
		document.getElementById('button').value='16:10'; 
	}
	if (document.getElementById('button').value == '16:10') { 
		document.getElementById('button').value='4:3'; 
	}
} 
</script>
<form>
<input type="button" value="4:3" id="button" onclick="change()" /> 
</form>

Оправих се :) Просто в место другите 2 if-a трябва да е else if :)
 

Горе