При выборе одного из значений массива и вызове функции всегда возвращается [0] элемент массива

@barabaha789 · Регистрация: 04.05.2015

Author24 — интернет-сервис помощи студентам

PHP/HTML

<!DOCTYPE html>
<html>
<head>
 <link rel="stylesheet" href="jquery-ui_1.10.3.css" />
  <script src="jquery-3.3.1.min.js"></script>
  <script src="jquery-ui.js"></script>
  <script type="text/javascript"></script>
 <script>
    
 
    function touch(){
        var arr = ["9.20","10.10","10.50","11.00","12.20","13.15","14.15","15.15","16.40","17.00","18.20","19.05"];
        var c = 3; 
        var new_arr = [];
          for (i=0; i<arr.length; i+=c) {
            new_arr.push(arr.slice(i,i+c));
          }
          html = '<table>';
          for(i=0; i<c; i++){
            html+='<tr>';
            for(j=0;j<arr.length/c;j++){
                if(typeof new_arr[j][i] != 'undefined'){
                    html+='<td>'+'<input id="inp" type="button" value="' +new_arr[j][i]+ '">' + '</td>';
                }
            }
            html+='</tr>';
            $('.container').html(html);
          }
        }
 
    function val (){
      var value = $('#inp').attr('value');
      console.log (value);
    }    
 </script>
</head>
<body>
 
<button onclick="touch()">Button 1</button></br>
</br><div class="container"></div></br>
<button onclick="val()">Button 2</button>
 
</body>
</html>

При выборе одного из значений массива и вызове функции всегда возвращается [0] элемент массива. Подскажите как исправить.

@msheal · 07.02.2018, 15:29

Если имеется ввиду функция val(), которая срабатывает по нажатию на вторую кнопку, то что вы ожидаете?

Javascript

1
2

var value = $('#inp').attr('value'); // берем зачение первого найденного элемента с id=inp
      console.log (value);  // выводим результат в консоль

@barabaha789 · 08.02.2018, 02:45 **[ТС]**

Ожидаю что при нажатии на один из элементов массива вернется выбранное значение. Очевидно что ошибка в коде, иначе я не писал бы сюда. Прошу подсказки.

@j2FunOnly · 08.02.2018, 08:35

barabaha789, вам что в итоге получить надо? При нажатии на созданную кнопку получить её значение? Зачем тогда Button 2?

Измените в создаваемой кнопке id на class

Javascript

1	html += '<td>' + '<input class="inp" type="button" value="' + new_arr[j][i] + '">' + '</td>';

тогда можно будет получить значение при нажатии на кнопку

Javascript

jQuery(function($) {
  $('.container').on('click', '.inp', function() {
    console.log(this.value);
  });
});

@barabaha789 · 08.02.2018, 09:38 **[ТС]**

j2FunOnly, Button 2 лишний, забыл стереть. Спасибо большое за ответ!

@barabaha789 0 / 0 / 0 Регистрация: 04.05.2015 Сообщений: 60
	08.02.2018, 02:45 [ТС]	3
	Ожидаю что при нажатии на один из элементов массива вернется выбранное значение. Очевидно что ошибка в коде, иначе я не писал бы сюда. Прошу подсказки. 0

@barabaha789 0 / 0 / 0 Регистрация: 04.05.2015 Сообщений: 60
	08.02.2018, 09:38 [ТС]	5
	j2FunOnly, Button 2 лишний, забыл стереть. Спасибо большое за ответ! 0

При выборе одного из значений массива и вызове функции всегда возвращается [0] элемент массива

Решение