Question

我做了一些搜索，但我没有得到明确的答案。我根本不是一个javascript人，而且非常无能为力。 PHP我明白了，对我来说这应该有效。我还应该注意，这个脚本曾经使用document.all作为它的javascript，我试图在可能的情况下将其更新为getElementById（）（因为document.all在firebug中抛出错误）。

现在在大多数情况下，页面显示正常，尽管没有应该发生的javascript更改。

我还必须为代码的古老性质道歉，当我接手作为我们游戏俱乐部的互联网人时，我继承了这段代码。此代码用于使用虚构信用购买虚构物品。

当我点击某个项目以“购买”它（或者可能不是哪个）时，该行的背景应该变为绿色，并且应该从我的总帐户中减去信用（或者如果我取消选中该框，则反转）。单击“提交”按钮会将我单击的内容添加到另一个工作表中，并从我的帐户中减去实际金额。

目前我收到“tr615未定义”错误这是PHP生成的元素代码，如下所示。

如果有人可以帮我解决这个问题，那就太棒了。在谷歌和这里搜索几天之后，我似乎无法找到答案。

相关代码的PHP片段:(我们在我们的网站上使用自定义函数，即：条目）

比如说$ id = 615

    <?php
        while (list ($id, $name, $class, $desc, $range, $damage, $cost,$hide) = entry ($items) )
        {
           if ($hide =='0')
           {
            $JavaScriptArrayParms .= '"' . $id . '",';
            $list .= $id . ',';
           ?>
           <tr id="tr<?php echo $id; ?>">  //Thus tr615 for this example
           <td>
             <input type="checkbox" name="chk<?php echo $id; ?>" onclick="updateStoreTable(this.form, this, <?php echo $id; ?>)" />
             <input type="hidden" name="cost<?php echo $id; ?>" value="<?php echo $cost; ?>" />
           </td>
           <td><?php echo $name; ?></td>
           <?php if (! in_array($catid, $noclass)){ echo "<td>$class</td>";}?>
           <td><?php echo $desc; ?></td>
           <?php if (! in_array($catid, $norange)){ echo "<td>$range</td>";}?>
           <td><?php echo $damage; ?></td>
           <td><?php echo $cost; ?></td>
           </tr>
         <?php
        }
        }
        ?>
    </table>

 <input type="hidden" name="list" value="<?php echo $list; ?>" />
 <input type="button" value="Purchase!" onclick='validatePurchase(this)' />
 <input type="reset">
</form>

相关的JS :(曾经是document.all.store ......或者在某些情况下只是document.all ..我希望我以正确的方式修复它）

<script language="javascript">
var startmoney = <?php echo $currMoney; ?>;
function canAfford(t,id)
{
    if(t.checked) return;// don't touch if checked for buying.
    //alert("canAfford("+t+","+id+");");
    //t.disabled = false;
    eval("document.store.getElementByID(foo).disabled = false;");
    eval("document.store.getElementByID(foo).checked = false;");
    eval("document.getElementByID(tr"+id+").style.background = '#000000';");
}

function cantAfford(t,id)
{
    //alert("cantAfford("+t.disabled+","+id+")-- "+t+";");
    //alert("before disable");
    //t.disabled = true;
    eval("document.store.getElementByID(chk"+id+").disabled = "+true+";");
    //alert("After disable");
    eval("document.store.getElementByID(chk"+id+").checked = false;");
    eval("document.getElementByID(tr"+id+").style.background = '#555555';");
}

function getCost(id)
{
return eval("document.store.getElementByID(cost"+id+").value");
}

function buying(t,id)
{
eval("document.getElementByID(tr"+id+").style.background = 'green';");
document.store.credits.value -= getCost(id);
}

function notbuying(t,id)
{
eval("document.getElementByID(tr"+id+").style.background = '#000000';");
var creds = new Number(document.store.credits.value);
var cost  = new Number(getCost(id));
document.store.credits.value = (creds + cost);
}

function updateStoreTable(f,t,id) 
{
    var ids = new Array(<?php echo $JavaScriptArrayParms; ?>);
    if(t.checked)
        buying(t,id);
    else
        notbuying(t,id);

for(i = 0; i<ids.length; i++)
    {
        cost = new Number(getCost(ids[i]));
        creds = new Number(f.credits.value);
        //alert("COST: " +(cost)+"\nCREDITS: "+creds+"\nID: "+ids[i]);
    //  alert("'"+ (cost) + "' > '" + (creds) +"'\n"+(eval(cost > creds)));
    //  alert("f.chk"+ids[i]+".checked");
        if(eval("f.chk"+ids[i]+".checked")) { continue; } //ignore already carted items     

        if(eval(cost > creds))
            cantAfford(eval("f.chk"+id),ids[i]);
        else 
            canAfford(eval("f.chk"+id),ids[i]);     
    }
}

Answer 1

第一期：

必须是getElementById()
（最后一个小写 d ）

第二名：

使用eval时，代码将被评估为：

document.getElementById(tr615).style.background = '#000000';

..什么会强制错误，因为tr615没有用引号括起来，所以javascript需要一个变量tr615。

该行必须如下所示：

eval("document.getElementById('tr"+id+"').style.background = '#000000';");

但是：为什么在这里使用eval，这可以在没有eval的情况下完成：

document.getElementById('tr'+id).style.background = '#000000';

当从PHP变量传递ID时，javascript中的未定义ID

1 个答案: