输入值和div的innerHTML随Javascript改变，但在显示中不改变

Question

我有一个 INPUT 文本字段、一个 DIV 和一个 IMG。

IMG 有一个 onClick 事件：

• 读取 INPUT 字段的当前值，

• 将其增加 1，

• 执行使用增加的值进行计算，

• 将结果写入 DIV。

INPUT 的值始终以正确的方式增加，DIV 的innerHTML 始终获得正确的结果但显示没有任何变化。即使一切在“后台”中正确完成，显示的数字也始终保持不变。

有趣的是，我在同一网站的另一个地方使用了相同的操作，一切都正常运行并完美显示。

这是该函数：

    function priceCalculator(max_amound,price,id)
    {
        var amound = parseInt(document.getElementById('sell_amound_' + id).value);
        max_amound = parseInt(max_amound);
        if (amound < max_amound)
        {
            amound = amound + 1;
            document.getElementById('sell_amound_' + id).value = amound;
            var item_value = amound * price;
            document.getElementById('price_' + id).innerHTML = item_value;

            alert(document.getElementById('sell_amound_' + id).value + ',' + document.getElementById('price_' + id).innerHTML);
        }
    }

以下是 PHP 代码中的元素：

<img src="images/plus.png" onclick="priceCalculator(\''.$bag_items[$i]['amound'].'\',\''.$bag_items[$i]['infos']['price'].'\',\''.$i.'\')" />
<form>
    <input id="sell_amound_'.$i.'" type="text" readonly value="1" />
</form>
<div id="price_'.$i.'">'.$bag_items[$i]['infos']['price'].'</div>

函数末尾的警报显示正确的值，但显示的值保持不变。

这是一个非常简单的操作...可能有什么问题？

编辑：

加载“item”的源代码后看起来像这样（这些部分是使用数据库中的循环创建的，当然，我从代码中删除了不相关的样式，并且那些许多div是因为它们）：

<td>
    <img id="item_pic_3" src="images/potions/3.png" onClick="shopSellInfo('3')" />
    <div>26</div>
    <form>
        <input type="hidden" id="selected_item" value="" />
    </form>
    <div id="item_3" style="display: none;">
        <span>blah...</span><br />
        <span>
            <br />blah...<br /><br />
            <div>
                <div>
                    <img src="images/increase.png" onclick="priceCalculator('26','10','3')" /><br />
                </div>
            <div>
            <form>
                <input id="sell_amound_3" type="text" readonly value="1" />
            </form>
            /26
            </div>
        </div>
        <br />
        <div id="price_3">10</div>
        </span>
    </div>
</td>

shopSellInfo('3') 是使 item_3 显示在正确位置的函数。

Answer 1

您能否查看源代码并显示输出内容：

<div id="price_'.$i.'">'.$bag_items[$i]['infos']['price'].'</div>

检查 div id 是否与 JavaScript 相对应。

编辑：item_3具有CSS样式display：none，这就是更改未显示的原因。

Answer 2

我解决了问题！

问题是 ID 也出现在其他地方，因此函数不知道在哪里更改值，因为 ID 重复。

无论如何，感谢您的回答并寻求帮助！