Javascript 从html下拉选择中显示价格

我有一个非常基本的html文档，有两个下拉列表。当选择下拉菜单中的特定值时，我希望它在下面的文本区域中显示特定的价格

我有下拉设置，但我找不到一种方法来显示下拉选择的具体价格

任何提示或提示都将不胜感激

这是我的html

<div class="form-group">
  <label class="col-md-4 control-label" for="current">select</label>
  <div class="col-md-5">
    <select id="current" name="current" class="form-control">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      <option value="13">13</option>
      <option value="14">14</option>
      <option value="15">15</option>
      <option value="16">16</option>
    </select>
  </div>
</div>

<div class="form-group">
  <label class="col-md-4 control-label" for="desired">select</label>
  <div class="col-md-5">
    <select id="desired" name="desired" class="form-control">
       <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      <option value="13">13</option>
      <option value="14">14</option>
      <option value="15">15</option>
      <option value="16">16</option>
    </select>
  </div>
</div>

选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
选择
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16

创建id为price的文本字段

<script src="http://code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(function(){
    $("#current").on('change',function(){
        $("#price").val($(this).val());
//                   you can see values in console also
               console.log("Price :"+$(this).val());

    });
});

$（函数（）{
$（“#当前”）.on（'change'，function（）{
$（“#price”）.val（$（this.val（））；
//您还可以在控制台中看到值
log（“Price:+$（this.val（））；
});
});

---

试试这个

你需要javascript或jquery。到目前为止你都试了些什么？@memelords Check fiddle，这就是你想要的吗？你需要进一步解释你的问题，伙计。你在尝试动态地为你的下拉列表分配价格值吗？我想我需要先学习js，然后再处理这个问题。除非它比看起来容易。是的，它没有那么难，只有任何最新的js包括它。与选择器id或类一起使用#或。（dot）