在Javascript中记录按钮ID

Question

我正在尝试创建一个项目选择菜单，其中用户将被呈现多个按钮来选择他们的选择。我正在用PHP创建几个div。

     <div id="h1-1"><input type="button" value="h1-1" onclick="recordValue()"></div>
     <div id="h1-2"><input type="button" value="h1-2" onclick="recordValue()"></div>

我想记录所有按下的按钮的值，并通过Ajax显示这些值。然后，当用户完成选择并按submit时，我将将它们插入MSSQL数据库。

• 如何用Javascript将按钮值记录到数组中？
• 那么，我该如何显示按下的内容呢？
• 在哪里可以对选择执行一些筛选(例如，如果按下H1，我不希望它们能够选择h2-1)？

Answer 1

我会将值保存在数组中。

将单击部件更改为

onclick="recordValue(this)"

并在recordValue函数的作用域之外创建一个数组，无论您在何处声明它。

var values = [];
function recordValue(element) {
    values.push(element.value);
    // code here to display value somewhere on the page
}

然后在某个地方侦听表单的submit事件，然后通过ajax将数组中的数据发送到服务器。

Answer 2

PHP可以返回带有值的JSON-字符串。例子：[ "Value 1", "Value 2", "Value 3" ].这将返回一个包含所有字段值的数组。

然后，您可以从AJAX-调用：var values = JSON.parse(returnVal);解析JSON-字符串。

有关JSON的详细信息，请参阅json.org

希望这就是你要找的。