如何使用JavaScript根据selectbox更新textbox值？

我的表格上有两个输入框。 一个是下拉选择，另一个是文本框

我需要根据选择框上选择的内容更新文本框值。 例如，如果我在选择框上选择“1”，则文本框值应为“299.00”，如果我选择“2”，则文本框值应为“399.0”

你能帮我编辑代码吗？提前谢谢你

以下是我的html代码：

<select style="width: 25%;height:25px;margin-left:15px;" onchange="ChooseContact(this)">
<option id="extra1" value='1'>1</option>
<option id="extra2" value='2'>2</option>
</select>
<input style="width: 25%;margin-left:15px;" id="extraper">

---

我确信我的javascript是错误的。你能帮我吗？

使用jQuery，你想要的代码非常简单；检查这把小提琴：

HTML:

---

您可以为select添加一个Id，并使用find getElementById（）函数获取对select的引用

函数选择联系人（）{
var x=0；
var y=0；
var e=document.getElementById（'myselect'）；
var selectedoption=Number（e.value）+1；
var结果=选择选项+99.0；
var myInput=document.getElementById（'extraper'）；
myInput.value=结果；
};

1.
2.

function ChooseContact(data) {

    var x = 0;
    var y = 0;
    var e = obj.id.toString();
        if (e == 'tb1') {
            x = Number("PHP 299");
            y = document.getElementById ("extraper").value = x;
        }
};

<select name="extra" id="extraselect">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<input type="text" id="extrawrapper">

$('#extraselect').on('change', function() {
    var extraVal = $(this).val();
    if (extraVal == '1') {
        $('#extrawrapper').val('299.00');
    } else if (extraVal == '2') {
        $('#extrawrapper').val('399.00');
    }
});