title: How to hide php echo in a dropdown menu?
body: <p>I have a drop down box that shows the weight of the item and how much extra the heavier items cost. I also have javascript that updates the price on the page based on the value selected in the dropdown. Since the javascript updates the price shown on the page, I would like to remove the additional price shown next to the option choices. </p>
  
  <p>the code is:</p>
  
  <pre><code>&lt;?php if ($options) { ?&gt;
      &lt;?php foreach ($options as $option) { ?&gt;
      &lt;?php if ($option['type'] == 'select') { ?&gt;
      &lt;span id="option-&lt;?php echo $option['product_option_id']; ?&gt;" class="option"&gt;
        &lt;select name="option[&lt;?php echo $option['product_option_id']; ?&gt;]"&gt;
          &lt;?php foreach ($option['option_value'] as $option_value) { ?&gt;
          &lt;option value="&lt;?php echo $option_value['product_option_value_id']; ?&gt;"&gt;&lt;?php echo $option_value['name']; ?&gt;
          &lt;?php if ($option_value['price']) { ?&gt;
          (&lt;?php echo $option_value['price_prefix']; ?&gt;&lt;span id="newPrice"&gt;&lt;?php echo $option_value['price']; ?&gt;&lt;/span&gt;)
          &lt;?php } ?&gt;
          &lt;/option&gt;
          &lt;?php } ?&gt;
        &lt;/select&gt;
      &lt;/span&gt;
  </code></pre>
  
  <p>I only want to show the product_option_id in the drop down, I don't want to show the added price for increases; I don't want this part of the code to be visable:</p>
  
  <pre><code>&lt;?php if ($option_value['price']) { ?&gt;
          (&lt;?php echo $option_value['price_prefix']; ?&gt;&lt;span id="newPrice"&gt;&lt;?php echo $option_value['price']; ?&gt;&lt;/span&gt;)
          &lt;?php } ?&gt;
  </code></pre>
  
  <p>however, I have some javascript that updates price based off the $option_value['price']. So I can't just erase it.</p>
  
  <p>Is there a way to keep the output from echoing onto the screen, but still have javascript be able to find it?</p>