Использование функции Jquery .each в цикле PHP foreach - PullRequest
Новая
       1

Использование функции Jquery .each в цикле PHP foreach

0 голосов
/ 05 марта 2020

Я довольно новичок в jquery, и я не смог использовать функцию .each в функции php foreach. Я пытаюсь сделать количество, цену за единицу, таблицу общей цены. Я не знаю, сколько строк таблицы нужно пользователю, поэтому использовал функцию foreach. Вот пример того, что я пытаюсь сделать:

мой день2. php файл: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width= <script type="text/javascript">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>deneme5.js</script>
</head>
<body>
<?php
$arr=[1,2];
foreach ($arr as $key=>$val){ ?>
<div>
    <input id="tst1"; type="text"; >
    <input id="tst2"; type="text"; >
    <input id="tst3"; type="text"; > <br><br>
  </div>
<?php } ?>
<input  id="asd"; type="submit"; value="hesapla">
</body>
</html>

И мой файл день5. js: 

$(function(){
    $("#asd").click(function(){

        $("div").each(function(index){

            var a=$("#tst1").val();
            var b=$("#tst2").val();
            var c= parseInt(a)*parseInt(b);
            $("#tst3").val(c);

              });

    });


  });

Можете ли вы помочь мне? что я делаю не так?

1 Ответ

1 голос
/ 05 марта 2020

В вашем коде много синтаксических ошибок. Я немного пересмотрел. Пожалуйста, сравните его с вашими и посмотрите, где у вас есть ошибки. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <!-- here i have added your javascript code directly. You can include it like that: <script src="deneme5.js"></script>-->
    <script>
    $(function(){
      $("#asd").click(function()  {

        $(".row").each(function(index, element){
          var a = $(element).find(".tst1").val();
          var b = $(element).find(".tst2").val();
          var c = parseInt(a) * parseInt(b);
          $(element).find(".tst3").val(c);
        });

      });
    });
    </script>

</head>
<body>

<?php
$arr=[1,2];
foreach ($arr as $key=>$val){ ?>
<!-- in the following i have switched your ids into classes because ids have to be unique. Furthermore html attributes do not have to be separated by ';' -->
<div class="row">
    <input class="tst1" type="text">
    <input class="tst2" type="text">
    <input class="tst3" type="text"><br><br>
  </div>
<?php } ?>
<input id="asd" type="submit" value="hesapla">

</body>
</html>

Одна из вещей, сделанных здесь, заключалась в преобразовании использования идентификаторов в классы. Идентификаторы не могут быть дублированы на странице, потому что это вызовет проблемы с JavaScript и CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...