изменение input.value по клику

[farik]

есть такой кусок хтмл

<frorm ......>

<dl class="rating">
<dd class="rate3" id="rrr">
<ul>
<li class="r1"><a href="#">1</a></li>
<li class="r2"><a href="#">2</a></li>
<li class="r3"><a href="#">3</a></li>
<li class="r4"><a href="#">4</a></li>
<li class="r5"><a href="#">5</a></li>
<li class="r6"><a href="#">6</a></li>
</ul>
</dd>
</dl>

<input type="hidden" value="3" .... >
</form>

я javascript еще и не начинал изучать т.е. полный ноль

мне нужно чтобы по клику на одной из ссылок:
1 - менялся стиль у елемента dd на rate1-rate6
2 - при этом же клике чтоб менялось value у инпута

пожайлуста помогите, если нужно могу отблагодарить, вмз.

[hogart]

Верстку надо чуток изменить для удобства:

<dl class="rating">
<dd class="rate3" id="ratedisplay">
    <ul id="marks">
        <li class="r1">1</li>
        <li class="r2">2</li>
        <li class="r3">3</li>
        <li class="r4">4</li>
        <li class="r5">5</li>
        <li class="r6">6</li>
    </ul>
</dd>
</dl>

<input type="hidden" value="3" id="ratevalue"/>

Скрипт будет примерно такой:

window.onload = function() {
    var ratevalue = document.getElementById('ratevalue');
    var rate = document.getElementById('ratedisplay');
    var marks = document.getElementById('marks');
    
    var marklink;
    for (var mark in marks) {
        mark.onclick = function() {
            ratevalue.value = this.innerHTML;
            ratedisplay.className = 'rate' + this.innerHTML;
        }
    }
}

Яндекс-деньги слать на счет номер 41001166313626

[yyyyuriyyyy]

<dl class="rating">
<dd class="rate3" id="ratedisplay">
    <ul id="marks">
        <li class="r1">1</li>
        <li class="r2">2</li>
        <li class="r3">3</li>
        <li class="r4">4</li>
        <li class="r5">5</li>
        <li class="r6">6</li>
    </ul>
</dd>
</dl>

<input type="hidden" value="3" id="ratevalue"/>

Не работает

[рони]

yyyyuriyyyy,

а так?

window.onload = function () {
    var ratevalue = document.getElementById("ratevalue");
    var rate = document.getElementById("ratedisplay");
    var marks = document.getElementById("marks").getElementsByTagName("li");
    for (var i = 0; i < marks.length; i++) marks[i].onclick = function () {
        ratevalue.value = this.innerHTML;
        ratedisplay.className = "rate" + this.innerHTML
    }
};