Вопросы Теги

Javascript - динамически назначать событие onclick в цикле

У меня очень простая html-страница с js-кодом: 

<html>
    <head>
        <title></title>
    </head>
    <body>

        <div id="divButtons">

        </div>

        <script type="text/javascript">
            var arrOptions = new Array();

            for (var i = 0; i < 10; i++) {
                arrOptions[i] = "option" + i;
            }

            for (var i = 0; i < arrOptions.length; i++) {
                var btnShow = document.createElement("input");
                btnShow.setAttribute("type", "button");
                btnShow.value = "Show Me Option";
                var optionPar = arrOptions[i];
                btnShow.onclick = function() {
                    showParam(optionPar);
                }

                document.getElementById('divButtons').appendChild(btnShow);
            }

            function showParam(value) {
                alert(value);
            }        
        </script>
    </body>
</html>

Эта страница связывает 10 кнопок, но при нажатии на любую кнопку всегда отображается предупреждение «option9». Как можно назначить событие onclick для отображения соответствующей опции!?

Спасибо!

9
задан ihorko 18 February 2011 в 10:19
поделиться