ajax один и тот же идентификатор с несколькими значениями

Question

у меня есть календарь, показывающий полный год.по нажатию кнопки это должно обновить mysql и отобразить информацию, используя ajax и php.нецелесообразно иметь уникальный идентификатор для каждой даты, как это можно сделать.код только в настоящее время отображается первая дата ???

    var dateClicked = document.getElementById('dateClicked').value;
var queryString = "?dateClicked=" + dateClicked;
ajaxRequest.open("GET", "ajaxScript.php" + queryString, true);
ajaxRequest.send(null); 

<form >
<button type="button" name="dateButton" id='dateClicked' value='2010-04-05' onclick='ajaxFunction()'>date</button>
<button type="button" name="dateButton" id='dateClicked' value='2010-05-10' onclick='ajaxFunction()'>date 2</button>
<button type="button" name="dateButton" id='dateClicked' value='2010-06-16' onclick='ajaxFunction()'>date 3</button>
</form> 
<div id='ajaxDiv'></div>

спасибо Гарет

Answer 1

как насчет передачи вашего элемента в функцию javascript?

onclick='ajaxFunction(this)'

, тогда ajaxFunction будет выглядеть так:

function ajaxFunction(el) {
   var dateClicked = el.value;
   // rest of your code...
}

Answer 2

Я не понимаю вопроса. Что-то не отображается или какой-то щелчок не работает?

Атрибуты HTML должны быть уникальными. В вашем примере все они «dateClicked». Вы можете сделать что-то вроде следующего с jquery

$(document).ready(function() {
    $('button[name=datebutton]').each(function() {
            $(this).click(function(e) {

            });
        });
 })

чтобы добавить обработчик кликов ко всем кнопкам с именем datebutton. Вы также можете получить значение из элемента кнопки, чтобы узнать, какая кнопка была нажата.

Так что вам не нужно явно идентифицировать каждую кнопку. По сути, значение имеет явное значение.