function like attr("id") but for multiple?

[shortysbest]

$(".attendance-presence").attr("id");

 

How would i get it to get  the id of the list of items that has the class of attendance-presence for the element clicked?

 

this just returns the first id in the list no matter which one i click.

[trq]

jQuery I assume? Can we see some sample html?

[shortysbest]

yes jQuery.

 

This is the code that i am trying to get the id from.

<div class="attendance-presence">
<select class="attendance-box" id="<?php print $row['id'];?>" onchange="send_attendance(this.value);">
<option selected>--Select--</option>
  <option value="1">Present</option>
  <option value="2">Tardy</option>
  <option value="3">Absent</option>
</select>
</div>

 

This is the javascript i am using to get the value of the option selected which works perfectly fine,

 

function send_attendance(value)
{

####/////This right here works, but it only displays the id for the very first item in the list. need it for any of the ones selected
var id = $(".attendance-box").attr("id");


$.ajax({
type: "POST",
url: "ajaxpages/attendance/send_attendance.php",
data: "student_id="+value,
cache: false,
success: function(html){
alert(id);

$(this).html('attendance sent');

}
});    
}

[trq]

jQuery allows (and promotes the usage of) unabtrusive Javascript, so remove the onChange() event from your markup.

 

Not tested but something like....

 

$(document).ready(function() {
  $(".attendance-box").change(function() {
    var id = $(this).attr('id');
    $.ajax({
      type: "POST",
      url: "ajaxpages/attendance/send_attendance.php",
      data: {
        student_id: $(this).val()
      }
      cache: false,
      success: function(html) {
        alert(id);
        $('#message').html('attendance sent');
      }
    });
  });
});

 

should get you pretty close.

[shortysbest]

Thanks, but this code doesn't work. I have tried changing it around some but still nothing.

[shortysbest]

There must be a function to replace attr() that does about the same thing, just with a list of items? This code below works perfectly fine, only it only displays the first id of the list.

 

$(".attendance-box").attr("id");

[trq]

Thanks, but this code doesn't work. I have tried changing it around some but still nothing.

 

It is working fine for me. See example: http://jsbin.com/eyuvi4

 

Your ajax call might be failing. Are you debuguing using firebug? Any errors?

 

 

[shortysbest]

yeah, but I have an array of anywhere between 10 and 25 of those menus, each having a different id assigned to them, that just shows it with one, which i have been able to get to work as well.

[trq]

Still working with 2 of them.

 

http://jsbin.com/eyuvi4/2

 

The first will show an id of foo while the second will be bar.

[shortysbest]

yeah i tested two on there too, it worked fine for when i did it too, however i put the exact code in mine and it didn't work.

[shortysbest]

oh i see, i had my javascript in an external file. I put it in the same file and it worked. I'm having problems with the data sending part of it tho

[trq]

Its in an external file in the paste bin we are using. That makes NO difference.

 

Post your code.

[shortysbest]

yeah, but i fixed it to work in the external sheet. I just had to add the javascript linking code to the page (<script type="text/javascript" src="javascript/ajax.js"></script>) since the page I'm working on is being called by jquery once before into the page to begin with. It's not actually being written in the code to the index page where the links are initially made.

 

however with this:

 

$(document).ready(function() {
  $(".attendance-box").change(function() {
    var id = $(this).attr('id');
    alert(id);
  $.ajax({
      type: "POST",
      url: "ajaxpages/attendance/send_attendance.php",
      data:  "student_id="+$(this).val(),
      cache: false,
      success: function(html) {
        alert($(this).val());
        $('#message').html('attendance sent');
      }
    });
  });
});

 

it doesn't alert out the val() of the option i clicked. The way you had the data: before there was an error with it, and i need "student_id=" to be part of it so another external page can get the value of that to use

[shortysbest]

take that back, just made $(this).val(); into a single variable and now it works perfectly. Thanks alot for your help with this whole part.

[trq]

Within a function 'this' has different meaning.

 

You will need to retrieve the value outside of your success() callback....

 

$(document).ready(function() {
  $(".attendance-box").change(function() {
    var id = $(this).attr('id');
    var val = $(this).val();
    $.ajax({
      type: "POST",
      url: "ajaxpages/attendance/send_attendance.php",
      data: {
        student_id: val
      },
      cache: false,
      success: function(html) {
        alert(val);
        $('#message').html('attendance sent');
      }
    });
  });
});

[shortysbest]

yeah thats exactly what i did