JavaScriptをドロップダウンしてオブジェクトを非表示にする

Question

私は最近、誰かが助けてくれると助けてくれてありがとうございました。

Javascriptのドロップダウンで特定の要素を非表示にすることができたかどうかを確認したいと考えました。コードは次のとおりです。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<br> 
<p>The price is: <span id="price_selected"></span></p> 
<script language="JavaScript"> 
$("option[value='124']").html('1 Box [$12.95]') 
$("option[value='125']").html('2 per Case [$22.95]') 
$("option[value='126']").html('6 per Case [$62.95]') 


$('select').on('change',function(){ 
str = $("option:selected").html() 
var n = str.indexOf("$"); 
var nx = str.indexOf("]"); 
var price = str.substring(n+1,nx); 

$('#price_selected').html("$"+price); 
}); 
</script> 

このコードでは、ドロップダウンリストに価格が表示されないようにすることはできますか？たとえば、ドロップダウンには「1 Box」と表示されますが、「The price is：12.95」と出力されます。また、ページが読み込まれるとすぐに「The price is：12.95」（最初のオプション）を表示できますか？今のところ、それが唯一の「価格は次のとおりです。」と言います。ドロップダウンがクリックされるまで、何も漠然と思わ謝罪ので、もし私は、このフォーラムにサインアップした

ありがとう!!

EDIT：。

これは私の投稿にこれを含めた場合、多分役立つでしょう。これはドロップダウンボックスのHTMLですが、自動的に生成され、変更できません：

<SELECT name="SELECT___TK46BW___9" onChange="change_option('SELECT___TK46BW___9',this.options[this.selectedIndex].value)"> 
<OPTION value="124" SELECTED>1 Box</OPTION> 
<OPTION value="125" >2 per Case [Add $10.95]</OPTION> 
<OPTION value="126" >6 per Case [Add $50.00]</OPTION> 
</SELECT>