Ajax Id自动递增

时间:2011-08-02 05:20:29

标签: php jquery html ajax

我可能听起来或看起来很愚蠢,但我需要学习。查看代码的以下部分:

       $('.buttonclass').click(function(){ 
        var button_id = $(this).attr('id'); 
     $('#'+button_id).click(function(){   

           var yes = $("input#yes").val();
    if (yes == "") {
   return false;
   }
var id = $("input#id").val();
    if (id == "") {
  return false;
}

        var dataString = 'yes='+ yes + '&id=' + id;



            //try insted this    //alert (dataString);return false;  
              $.ajax({  type: "POST",  dataType:'HTML', 
              //or the appropiate type of data you are getting back 
               url: "http://www.edshaer.com/EdinburgCISD/Gorena/Gorena.php",      data: dataString,


                //in the php file do $email = $_POST['email']; 



                  //not a good practice but you can try with it and without it 
                   success: function(data) {  



                $("#div").hide(data).fadeOut();
                   $("#div").html(data);
                   $("#div").show(data).fadeIn();


                   // Change the content of the message element    

                      // Fade the element back in 
                         }    });
                            //ajax ends 
                                         return false; });
                                         //click ends   
                                          });//document ready ends

我的html页面中提交的按钮ID是随机发送的。例如 它可以是:

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

或者可以是:

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

我的问题是,如何自动增加点击按钮的ID,以便无论点击什么ID号,它仍然可以顺利运行代码...现在我有这个:

       $('.buttonclass').click(function(){ 
      var button_id = $(this).attr('id'); 
          $('#'+button_id).click(function(){   

希望有人可以帮助我...如果您需要更多信息,请告诉我...先谢谢您...

以下是我的HTML代码的一部分...希望它会更容易理解......

    <?php
   $data3 = mysql_query("SELECT * FROM `EdinburgCISDGorenamessage` 
   ORDER BY `ID` DESC LIMIT 0, 100") 
       or die(mysql_error()); 
          echo "<div id=\"div\">    <table align=\"center\" width=\"570\">"; 
        while($info3 = mysql_fetch_array( $data3 )) 
          { 

           $id = $info3['ID'];
          }
       ?>

       <form name="contact" id="post" method="post" action="">
         <input  id="id" value="<?php echo $id?>"/>
           <input type="submit" class="buttonclass" id="<?php echo $id?>" name="<?php echo $id?>" value="Yes" />

       <input type="submit" id="no<?php echo $id ?>" name="no<?php echo $id ?>" value=" No " /> </form>

我不想提供整个代码,因为它太乱了而且没有问题......如果你还需要其他信息,请告诉我。      

1 个答案:

答案 0 :(得分:2)

改为使用班级。在按钮中添加一个类,并在你的html中打印它时给你一个增量id(我想你在循环中回显按钮?),然后只使用一个片段:

$('.buttonclass').click(function(){

   var button_id = $(this).attr('id');
   $('#'+button_id).click(function(){
     // your function here
      alert(button_id); // just to see if ID is retrieved
   )};
});

所以,如果你有

<button id="325" class="buttonclass" type="button">BUTTON 325</button>
<button id="150" class="buttonclass" type="button">BUTTON 150</button>

单击按钮的ID仅在您按下时才会被检索