协助包含在循环中的 javascript 函数 (PHP)

Question

我正在做一个项目，我在 mysql 数据库中存储了具有“部门 ID”和“部门名称”的部门；

我想要的是让我使用 php 来做一个“while”循环并遍历所有的部门；

然后为每个部门创建一个按钮，该按钮将触发一个 javascript 函数……

我已经对此进行了很多测试，所以我知道某些部分正在工作……；这是我的代码：

<p id="id57512">How are you?</p>

<script>
var g_myobj = {};
</script>

<?php

$result_g1 = mysql_query("SELECT * FROM divisions");

while($row = mysql_fetch_array($result_g1, MYSQL_BOTH))
{
$div_id=$row[div_id];
$div_name=$row[div_name];

$button_id="b";
$button_id.=$div_id;

$function_id="f";
$function_id.=$div_id;

?>

<button id=<?php echo $button_id; ?>><?php echo $div_name; ?></button>

<script>
var f_id='<?php echo $function_id; ?>';
var b_id='<?php echo $button_id; ?>';
var div_id='<?php echo $div_id; ?>';

var newFieldName = f_id;
var newFieldValue = function()    {document.getElementById("id57512").firstChild.nodeValue=gman_code1(div_id);};
g_myobj[newFieldName] = newFieldValue;


var gman_code1 = function(number) {
var result1 = number*2;
console.log(result1);
return result1;//add return statement
}

//define the behavior

document.getElementById(b_id).addEventListener("click", g_myobj[f_id] , false);

</script>

<?php
}

函数名必须是变量；但我想出了如何通过使其成为对象来做到这一点；因此可以通过这种方式访问​​不同的功能……

我基本上在没有循环的时候测试了这一切；我手动让它做所有事情两次（甚至在对象中创建函数）并且一切正常......

基本上，当您单击一个按钮时，它应该向该“p”容器发送一个数字并将其乘以 2

当我手动而不是循环时，我只是让它先创建对象 g_myobj，然后开始向对象添加项目......

但是现在我在循环中执行此操作 - 我觉得我无法在循环中创建空对象的语句，否则它将继续重新创建它；所以我越过了循环，在它自己的“脚本”标签中创建了对象……

那部分可能是这个问题，完全不确定......

另一个潜在的问题是我不确定我是否可以像这样在循环中完成所有这些操作

这是一个“php循环”，所以也许这一切都不能在这样的循环中完成……

发生的事情是第一个按钮有效，但其他按钮均无效......

所以，我希望有人能告诉我我在这方面做错了什么……

非常感谢...

Answer 1

如果您想要做的只是向<p> 发送一个数字并将其乘以2，请参阅这一线性函数。我假设您正在尝试完成的不仅仅是乘法的事情，否则您可能只需要完成一个简单的函数，如下所示......

另外，我相信你会得到很多 cmets，但你不应该再使用 mysql_ 函数了。它们都已弃用且可能不安全。您应该使用mysqli 或PDO 准备好的语句。

在您的按钮上，您可能应该在 id="yadayada" 周围加上引号，而不是 id=yadayada。 jQuery 可能是你的 js 处理函数或你有什么的好选择。

<p id="id57512">How are you?</p>
<?php

    $result_g1 = mysql_query("SELECT * FROM divisions");

    while($row = mysql_fetch_array($result_g1, MYSQL_BOTH)) {
            $div_id         =   $row[div_id];
            $div_name       =   $row[div_name];

            $button_id      =   "b$div_id";
            $function_id    =   "f$div_id"; ?>

    <button id="<?php echo $button_id; ?>" onClick="MyRadFunction('<?php echo $div_id; ?>')">

<?php echo $div_name; ?></button>

<?php   } ?>

<script>

     function MyRadFunction(DivId) {
            $("#id57512").html(DivId*2);
        //  var NewNum  =   $("#id57512").text();
        }
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

Answer 2

渲染按钮时，应将id 括在引号中，例如

<button id='<?php echo $button_id; ?>'><?php echo $div_name; ?></button>