在下拉框旁边显示文本

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 .95]</OPTION>
<OPTION value="126" >6 per Case [Add .00]</OPTION>
</SELECT>

现在，问题是我无法更改那部分代码。我可以把 HTML 和 Javascript 放在它下面，但是上面是由我使用的平台自动生成的。

我希望我在这个 post 中足够具体。感谢您的帮助！

编辑

如果可能的话，我希望它看起来像这样：

Answer 1

像这样的事情怎么样：

$('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 .95]</OPTION>
<OPTION value="126" >6 per Case [Add .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>

Answer 2

我尝试解决这个问题，在此示例中，单击按钮时我们将选项更新为值“126”。

演示版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 .95]</OPTION>
  <OPTION value="126" >6 per Case [Add .00]</OPTION>
</SELECT>

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

JS：

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

编辑：解决方案https://jsfiddle.net/xor4f0rs/9/

在下拉框旁边显示文本

Displaying text next to a drop down box

html

javascript

jquery

dropdownbox