从html下拉选项中显示价格

Question

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

我有下拉设置，但我找不到显示下拉选项的具体价格的方法。

非常感谢任何提示或提示！

这是我的HTML。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

创建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());

    });
});

尝试这个