Zhi V Zhi V - 10 months ago 78
HTML Question

How to get data from button attributes?

There are several buttons (they creates dynamically)

<button class="common" id="1.1" status="sale" oncontextmenu="rightButton('1.1'); return false" onclick="addOptions('1.1')" number="1">1</button>

I need to get attributes (class, id, status, number) and insert them into object array. Then input to database.

function saveScheme()
var table = document.getElementById('schemeTable');
var elements = table.getElementsByTagName('button');
var arrayIdButtons = {};
for(var i = 0; i<elements.length; i++)
arrayIdButtons[i] = {};
for(var j = 0; j<4; j++)
arrayIdButtons[i]["coord"] = elements.item([i]).id;
arrayIdButtons[i]["status"] = elements.item([i]).status;
arrayIdButtons[i]["type"] = elements.item([i]).class;
arrayIdButtons[i]["number"] = elements.item([i]).number;
var data='data=' + JSON.stringify(arrayIdButtons,"", 2);
type: 'POST',
url: "handler.php",
data: data,
cache: false,
data: data,
success: function(data) {

result of this code(

enter image description here

Answer Source

Since you're already using jQuery, you can access the attributes of an element using .attr(). For example:


Or, without jQuery,