Javascript 如何使用jQuery获取单击的提交按钮的自定义id?
我一直试图在jquery submit onclick事件中调用一个php变量,以便在提交回复时捕获注释的id,并由ajax代码进行处理Javascript 如何使用jQuery获取单击的提交按钮的自定义id?,javascript,php,jquery,Javascript,Php,Jquery,我一直试图在jquery submit onclick事件中调用一个php变量,以便在提交回复时捕获注释的id,并由ajax代码进行处理 $(文档).ready(函数(){ $(“#提交”)。单击(功能(e){ var rname=$(“#rname”).val(); var remail=$(“#remail”).val(); var rmessage=$(“#rmessage”).val(); var cid=$(“#cid”).val(); var post_id=$(“#post_id
$(文档).ready(函数(){
$(“#提交”)。单击(功能(e){
var rname=$(“#rname”).val();
var remail=$(“#remail”).val();
var rmessage=$(“#rmessage”).val();
var cid=$(“#cid”).val();
var post_id=$(“#post_id”).val();
});
});代码>
使用此.id
$(document).ready(function(){
$("input[type='submit']").click(function(e){
console.log(this.id);
});
});
另外,当您使用$(“#submit”)
时,您选择的是id等于submit
的元素,而不是类型等于submit
的元素
正在工作的JSFIDLE:可以重写为
<input type="submit" name="submit" data-comment-id="'.$commnt_id.'"
实现这一目标有很多选择:
解决方案1(使用数据属性):
<input type="submit" name="submit" data-commentID="<?=$commnt_id?>" value="Reply This Comment" class="primary-btn text-uppercase myBtnClass"/>
$(document).ready(function(){
$(".myBtnClass").click(function(){
var commentId = $(this).attr('data-commentID');
});
});
<input type="submit" name="submit" onclick="mymethodCall(<?=$commnt_id?>)" value="Reply This Comment" class="primary-btn text-uppercase"/>
function mymethodCall(commentId){
console.log(commentId);
}
解决方案2(通过使用onclick事件):
<input type="submit" name="submit" data-commentID="<?=$commnt_id?>" value="Reply This Comment" class="primary-btn text-uppercase myBtnClass"/>
$(document).ready(function(){
$(".myBtnClass").click(function(){
var commentId = $(this).attr('data-commentID');
});
});
<input type="submit" name="submit" onclick="mymethodCall(<?=$commnt_id?>)" value="Reply This Comment" class="primary-btn text-uppercase"/>
function mymethodCall(commentId){
console.log(commentId);
}
在解决方案1中,如果您有多条记录,使用类名myBtnClass
将对您有所帮助
运行示例:
<input type="submit" name="submit" data-commentID="<?=$commnt_id?>" value="Reply This Comment" class="primary-btn text-uppercase myBtnClass"/>
$(document).ready(function(){
$(".myBtnClass").click(function(){
var commentId = $(this).attr('data-commentID');
});
});
<input type="submit" name="submit" onclick="mymethodCall(<?=$commnt_id?>)" value="Reply This Comment" class="primary-btn text-uppercase"/>
function mymethodCall(commentId){
console.log(commentId);
}
$(文档).ready(函数(){
$(“.myBtnClass”)。单击(函数(){
var commentId=$(this.attr('data-commentId');
警报(commentId);
});
});代码>
或与此.id相同
$(“#提交”)
不存在您是否尝试了解决方案??