如何在下拉菜单中隐藏php echo？

Question

我有一个下拉框，显示物品的重量以及较重的物品要花多少钱。 我也有JavaScript，可根据下拉菜单中选择的值来更新页面上的价格。 由于javascript更新了页面上显示的价格，因此我想删除选项旁边显示的额外价格。

代码是：

<?php if ($options) { ?>
    <?php foreach ($options as $option) { ?>
    <?php if ($option['type'] == 'select') { ?>
    <span id="option-<?php echo $option['product_option_id']; ?>" class="option">
      <select name="option[<?php echo $option['product_option_id']; ?>]">
        <?php foreach ($option['option_value'] as $option_value) { ?>
        <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
        <?php if ($option_value['price']) { ?>
        (<?php echo $option_value['price_prefix']; ?><span id="newPrice"><?php echo $option_value['price']; ?></span>)
        <?php } ?>
        </option>
        <?php } ?>
      </select>
    </span>

我只想在下拉列表中显示product_option_id，我不想显示增加的价格； 我不希望这部分代码可见：

<?php if ($option_value['price']) { ?>
        (<?php echo $option_value['price_prefix']; ?><span id="newPrice"><?php echo $option_value['price']; ?></span>)
        <?php } ?>

但是，我有一些JavaScript可以根据$ option_value ['price']更新价格。 所以我不能只删除它。

有没有一种方法可以防止输出回显到屏幕上，但是仍然可以通过javascript找到它？

Answer 1

是：

<?php if ($option_value['price']) { ?>
        (<?php echo $option_value['price_prefix']; ?><span style="display:none" id="newPrice"><?php echo $option_value['price']; ?></span>)
        <?php } ?>

另外，您应该考虑不要在该范围内使用ID，除非您为每个ID生成一个唯一的ID，否则当您尝试使用document.getElementById（）来获取ID时，这会给您带来麻烦