显示下拉框旁边的文本

Question

我希望在下拉框旁边的文字中显示销售价格，但有一个问题。

这是我目前的代码：

<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>

现在，问题是我无法改变代码的那一部分。我可以在其下面放置HTML和Javascript，但上面的内容是由我正在使用的平台自动生成的。

我希望我在这篇文章中足够具体。谢谢你的帮助！

修改

如果可能的话，我正在寻找它看起来像这样：

Answer 1

这样的事情：

＆＃13;

＆＃13;

$('select').on('change', function(){
    $('.show-price').text($(this).find("option:selected").text());
});

＆＃13;

div {
  border: solid 1px orange;
  margin: 20px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

<div class="show-price">
No price selected
</div>

<script>
function change_option(){  }; // just make sure the function exists for no errors
</script>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这里我试图解决这个问题，在这个例子中点击按钮我们用值＆＃34; 126＆＃34;更新选项。

DEMO https://jsfiddle.net/xor4f0rs/

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>

<button id="btn">click me</button>

JS：

$('#btn').click(function(){
    $("option[value='126']").html('6 per Case [Add $99.99]')
});

修改：解决方案https://jsfiddle.net/xor4f0rs/9/