javascript get multiple attributes at once onchange

Question

EDIT:

With the hints on the responses i got to know that name isn't a valid attribute for div tag, but it's for select.

function modifica(estado,numero){
    alert(numero);
    $.ajax({
    type: "GET",
    datatype: "html",
    url: "icallverifica.php",
    data: {
    estado : estado,
    modifica : "1" ,
    numero : numero
    },
    success: function(data) {
        alert(data);
    }
    });
}

So, i want to get multiple attributes at once using onchange:

if($valor == 0){
    mysql_select_db("iloja_icall", $con);
    $result1 = mysql_query("SELECT * FROM icall WHERE verifica='0'");
    while($row = mysql_fetch_array($result1)){
    echo $row['numero'].'<select id="optin" name="'.$row['numero'].'" onchange="modifica(this.value,this.name)">
  <option value="chamada">Chamada</option>
  <option value="atendeu">Atendeu</option>
  <option value="atendeunao">Nao atendeu</option>
  <option value="engano">Engano</option>
</select>';
    echo '<br>';
    }
}

THIS COMBO IS NOW WORKING FLAWLESSLY :D THANK YOU SO MUCH GUYS, this is why i love stackoverflow :)

Shouldn't this work?

Thanks so much guys!

Why not just use onchange="modifica(this)" then you can get all it's properties from within your modifica function? Or just pass the id of the select and use javascript to get what you need? — Aaron W.
– Aaron W., Commented Dec 7, 2011 at 1:21
can you show us this with php code around, because we don't know from where this comes: $row['numero'] — noob
– noob, Commented Dec 7, 2011 at 1:22
"modifica(this.value,this.name)" is incorrect, this returns the select which has no "name" attribute, what you want to do is use "modifica(this)" and then call $( this ).parent().attr( "name" ) to get the name of the parent div of the select — user497849
– user497849, Commented Dec 7, 2011 at 1:26
I missed that, good catch. Not to nit-pick, but 'name' is an invalid attribute for a div tag. Should be switched to 'id'. This also removes the need to call .attr('name') and instead use: $( this ).parent().id; — Michael Bunch
– Michael Bunch, Commented Dec 7, 2011 at 1:38

Community · Accepted Answer · 2017-05-23 11:48:47Z

2

Based on the tags for this question, I see you're using jQuery.

// assuming you're passing "this" to function
function modifica(me) {
    var id = me.parentNode.id; // or $(me).parent().attr('id'); etc
}

Additionally, you could just remove the onchange attribute and set it with an even listener (recommended):

$('#optin').change(function(e) {
    // code here
    var option = $(this).val(); // current selected option for example

    // if you want to get ALL attributes of an element:
    var attribs = $(this)[0].attributes; // or $('#elementID')... etc
});

If you want to iterate (loop) through all of an element's attributes, then check out this: How to iterate through all attributes in an HTML element?

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Dec 7, 2011 at 1:28

Yes Barry

9,9465 gold badges54 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Michael Bunch · Accepted Answer · 2011-12-07 02:02:56Z

0

The 'name' is an invalid attribute for a div tag. Should be switched to 'id'. This also removes the need to call .attr('name') and instead use:

$(this).parent().id;

answered Dec 7, 2011 at 2:02

Michael Bunch

464 bronze badges

Collectives™ on Stack Overflow

javascript get multiple attributes at once onchange

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related