Question

我正在开发一个新项目，我创建了一个搜索，用户可以在其中搜索其他用户的应用。

所以基本上我有一个价格输入框和一个旁边的每个用户的计数器。问题是它只更改了从SQL数据库查询的第一个用户的价格值。

我知道它，因为我在价格表格字段上加了一个id。

我不知道如何在第一个用户之后获取其他用户的价值并且我不知道如何编写代码而不使用＆id; get元素按ID＆＃39;

我是javascript的新手，敬请期待任何帮助。

感谢。

这里是php和mysql代码：

        $con = mysqli_connect("localhost","root","","testing");
        $q = mysqli_query($con,"SELECT * FROM user");
        while($row = mysqli_fetch_assoc($q)){

            if($row['image'] == ""){
                echo "<span class = 'userpic'><img width='100' height='100' src='images/verify.jpg' alt='Default Profile Pic'> </span>";
            } else {
                echo "<span class = 'userpic'><img width='100' height='100' src='images/".$row['image']."' alt='Profile Pic'</span>";
            }


            echo "
                  <span class = 'username'>".$row['username']."</span>
                  <form name = 'matchcreator' class = 'amount' action='arena.php' method ='post'>
                  <input class='price' textarea class='price-box' type='text' id='price1' name='price' size='1' maxlength = '15' value='0'/>
                  <button class='up' type ='button' onclick='incrementValue();'><img src='images/up.png'  width='10px' height='10px' href='#'> </button>
                  <button class='down' type ='button' onclick='decreaseValue();' ><img src='images/down.png' width='10px' height='10px' href='#'></button>
                  <div class = 'light'>
                  </div>
                  <div class = 'light2'>
                  </div>
                  <div class = 'light3'>
                  </div>
                  <div class = 'light4'>
                  </div>
                  <div class = 'light5'>
                  </div>
                  <button class='send' type = 'submit' onclicl=onclick='return confirm('Are you sure?')'>Send Challenge</button>
                  </form>
                   ";               
            echo "<br>";
        }
            ?>

这是javascript：

         function  incrementValue()
          {
      var value = parseInt(document.getElementById('price1').value, 0);
      value = isNaN(value) ? 0 : value;
      value++;
      document.getElementById('price1').value = value;
      }
      function decreaseValue()
      {
      var value = parseInt(document.getElementById('price1').value, 0);
      value = isNaN(value) ? 0 : value;
      value--;
      document.getElementById('price1').value = value;
      }

请帮助我

Answer 1

如果您对Java Script不熟悉，我建议您使用jQuery。

使用jQuery可以通过以下方式轻松完成：

<!doctype html>
<html lang="en">
<head>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
  <input class='price' textarea class='price-box' type='text' id='price1' name='price' size='1' maxlength = '15' value='0'/>
  <button class='up' type ='button' onclick='change();'>
  <button class='down' type ='button' onclick='change();'>
  <script>
    function change(){
      var text = $(".price").text();
      alert(text + " " + $.isNumeric(text));
    }
  </script>
</body>
</html>

Answer 2

你的头衔和问题似乎没有相互映射。问题是：

＆＃34;如何将一个函数用于具有不同id的输入类＆＃34;＆＃34;

使用jQuery。通过id，class，element

使用onclick一个函数

元素：

$('element').on('click',function(){
//do something.......
});

ID：

$('#id').on('click',function(){
//do something.......
});

CLASS：

$('.class').on('click',function(){
//do something.......
});

MULTIPLE ID＆＃39>

$('#id1').add('#id2').on('click',function(){
//do something.......
});

或者只是触发onclick属性。你的HTML

<button name="x" id="x" onclick="doSomething();">

功能

function doSomething(){
//do something.......
}

您可以使用：

而不是使用＆＃34; on。（＆＃39;点击＆＃39;，功能）

$('.class1').add('.class2').add('.class3').click(function(){
//do something.........
});

您还可以将其混合并添加ID，类和元素，但这会使管理所有这些点击的操作变得很痛苦。

如果您的HTML标记中包含javascript和/或jquery，请务必将它们放在<script></script>标记之间。只提到这个，因为你说你对Javascript不是很熟悉。

当文档加载时，您还可以设置jQuery单击方法：

$(document).ready(function(){

//put any one of the above methods here.

});

如何使用一个函数用于具有不同id的输入类

2 个答案: