Неопределенное число кнопок 2
Подскажите пожалуйста. Такой код:
<div id='my_div' class='layer' style='position: absolute; top: 30px; left: 15px'> </div> <script> arr = [1, 2, 'Банан']; div = document.getElementById('my_div'); for (i=0; i<arr.length; i=i+1) div.innerHTML += '<input type="button" value="продать" onclick=" Pocupca('+arr[i]+'); ">' function Pocupca(p) { alert (p); } </script> При нажатии на 3 кнопку нужно чтобы выводило alert-ом: 'Банан' |
<div id='my_div' class='layer' style='position: absolute; top: 30px; left: 15px'> </div> <script> arr = [1, 2, 'Банан']; div = document.getElementById('my_div'); for (i=0; i<arr.length; i=i+1) div.innerHTML += '<input type="button" value="продать" onclick=" Pocupca('+arr[i]+'); ">'; document.querySelectorAll('input[type="button"]')[2].onclick = function(){ alert(arr[2]); }; function Pocupca(p) { alert (p); } </script> |
Ваш код в корне не верен, к тому же не работает. Возможно Ваш этот код тут пригодится:
document.querySelectorAll('input[type="button"]')[2].onclick = function(){ alert(arr[2]); }; но использовать его нужно с умом. Мне нужно чтобы через функцию Pocupca('+arr[i]+'); передавалась строка 'Банан', мой код не работает именно по этому, числа передает, даже строку числовую передает: '1' |
wadim,
Код j0hnik работает и выполняет то , что вы просили Но если уж очень хочется, чтобы исправить ваш код, то <div id='my_div' class='layer' style='position: absolute; top: 30px; left: 15px'> </div> <script> arr = [1, 2, 'Банан']; div = document.getElementById('my_div'); for (i=0; i<arr.length; i=i+1) div.innerHTML += '<input type="button" value="продать" onclick=" Pocupca(' + "'" +arr[i] + "'" + '); ">'; function Pocupca(p) { alert (p); } </script> |
Часовой пояс GMT +3, время: 01:22. |