在Javascript中记录按钮id - Recording button ID's in Javascript

Recording button ID's in Javascript

本文关键字：按钮 id 记录 Javascript | 更新日期: 2023-09-27

我正在尝试创建一个项目选择菜单，其中用户呈现多个按钮来选择他们的选择。我正在用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显示这些值。然后当用户完成选择并按提交时，我会将这些插入MSSQL数据库。

我如何用Javascript记录按钮值到数组?
如何显示按下的内容?
我在哪里可以执行一些选择的过滤(例如，如果h1-1被按下，我不希望他们能够选择h1-1) ?

我会将值保存在数组中。
将onclick部分更改为
onclick="recordValue(this)"
并在recordValue函数的作用域之外创建一个数组

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

，然后在某处监听表单的提交事件，然后通过ajax将数组中的数据发送到服务器。

你的php文件可以返回一个json字符串的值。例如:[ "Value 1", "Value 2", "Value 3" ]。这将返回一个包含所有字段值的数组。

你可以从你的ajax调用解析json字符串:var values = JSON.parse(returnVal);

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

希望这就是你要找的