javascript - 输入值和 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>

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

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

编辑:

加载“项目”的源代码后如下所示(这些部分是使用数据库中的循环创建的，当然，我从代码中删除了不相关的样式，因此存在许多 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，这就是未显示更改的原因。