在下拉框旁边显示文本

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

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

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/

Answer 2

什么是这样的：

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

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

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