如何将一个函数用于具有不同 id 的输入类
How to Use one function for input classes with diffrent id's
我正在做一个新项目,我创建了一个搜索,用户可以在其中搜索其他用户的应用程序。
所以基本上我有一个价格输入框和一个计数器旁边供每个用户使用。问题是它只更改从 SQL 数据库查询的第一个用户的价格值。
我知道这是因为我在价格表单字段中放了一个 id。
我只是不知道如何在第一个之后为其他用户获取值而且我不知道如何在不使用"按 id 获取元素"的情况下编写代码.
我是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;
}
请帮帮我
如果你
对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>
你的标题和问题似乎没有相互镜像。问题:
"如何将一个函数用于具有不同 id 的输入类"
使用 jQuery。通过 id、类、元素将一个函数与 onclick 一起使用
元素:
$('element').on('click',function(){
//do something.......
});
身份证:
$('#id').on('click',function(){
//do something.......
});
.CLASS:
$('.class').on('click',function(){
//do something.......
});
多个身份证
$('#id1').add('#id2').on('click',function(){
//do something.......
});
或者只是触发 onclick 属性。您的网页
<button name="x" id="x" onclick="doSomething();">
函数
function doSomething(){
//do something.......
}
而不是使用"开。("点击",函数)您还可以使用:
$('.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从一个jsp传递到另一个jsp页面
- 禁用Tab键以进行具有特定Div ID的输入
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- <输入id=“;“到期”;type=“;月份;min=“;2016-05”>如何填写“;min”;属性与当前
- 更改具有相同id的输入类型的所有值
- 如何获取具有相同id的多个输入值
- 使用getElementById设置动态ID的输入字段的样式
- 通过单击链接(兄弟姐妹?)从无线电输入中获取id
- 传递来自<输入类型=“;文件“;id=“;文件“/>尽管还有一个按钮点击
- 动态添加id's到输入字段
- 为什么Bootstrap typeahead不适用于具有相同ID的输入元素
- 当一个输入与另一个输入的 ID 具有相同的名称时的含义
- jquery如何检测当前输入id
- 使用AJAX发送隐藏的ID输入字段
- 验证表单按id输入val
- 按钮更改由按钮id输入的表单文本区域
- 如何使用 id 输入类型=“文本”JavaScript 中的值设置自动 2 个十进制数
- 设置 ID 输入 (DOM) 问题
- 使用值动态更改输入id-输入类型=范围
- 选择与实习生在CSS选择器ID输入字段