Get rid of the ID attributes, add a common class array, and give them all a name of array[].
Then use this in your jQuery;
$('input.array').click(function() {
var id = $(this).val();
$.ajax({
here goes type, url, data and else
});
})
I would try add class on each array.
<input type="button" class='array' id="array[1]" value="Value1" />
<input type="button" class='array' id="array[2]" value="Value2" />
<input type="button" class='array' id="array[3]" value="Value3" />
$('.array').click(function() {
var id = $(this).attr('id');
$.ajax({
here goes type, url, data and else
});
})
Hope it helps
Use a regexp to extract the number
var reId = /[(\d+)]/;
$('#array').click(function() {
var id = reId.exec($(this).attr("id"))[0];
$.ajax({
//id is now a string containing only the number
});
})
A crude approach:
$(this).attr("id").replace(/[^0-9]*/ig, "")
Full example:
<!DOCTYPE html>
<html>
<head>
<title>2939346</title>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1");</script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("input[type=button]").click(function(){
alert($(this).attr("id").replace(/[^0-9]*/ig, ""));
});
});
</script>
</head>
<body>
<input type="button" id="array[1]" value="Value1" />
<input type="button" id="array[2]" value="Value2" />
<input type="button" id="array[3]" value="Value3" />
</body>
</html>
First of all you should not be using [] in id values ... only a-zA-Z0-9-_.:
look at the html ID attribute for more info on the specs..
you should name them something like id_1 and extract the number with regular expressions like the other answers suggest...
(remember that you cannot start the id value with a number only a-zA-Z)
if your storing content in your elements i wuold use data-* to store them, For exmaple instead of using arrays i would use a json string
<input type="button" class='array' data-json="{id:22,defualt_val:'Value1'}" value="Value1" />
then within your javascript code i would use!
$('input[data-json]').click(function(){
$data = $('[data-json]',this)
$.ajax({
data:$data
});
})
This is a method used to store content to an element such as original-title etc.
Hi, I think i can help you solving this problem. As far as I understand input ids start with array keyword and contains original id within bracket which you wanna fetch and send on an ajax call. For elements that start with some predefined string you can use $("[name^=value]") jquery selector.
$("input[id^='array']").click(function() {
var id = parseInt($(this).attr("id").split("[")[1].slice(0,-1));
//above variable should contain whatever you put inside brackets.
$.ajax({
here goes type, url, data and else
});
});
That should give desired results. Cheers Ayaz Alavi