Javascript 如何根据选定值在文本框中显示文本？

我正在处理我的MVC项目，需要将所选值与文本框绑定—我的意思是，当您在所选列表中选择一项时，该值将显示在文本框中。以下是一个例子：

            <div class="row">               
                <select id="chasis" name="type">
                
                    <option value="sedan">sedan</option>
                    <option selected value="hatchaback">hatchback</option>
                    <option value="cabrio">cabrio</option>
                    <option value="coupe">coupe</option>
                
                </select>
            </div>
                
            <label>Your choice is: <input id="chasisText" type="text" value=""></label>

轿车
掀背式汽车
卡布里奥
轿跑车
你的选择是：

和jQuery代码：

    <script>
    
    $(function() {

        $("select#chasis").change(function(e){
            $("#chasisText").val(e.target.value);   
        }); 
});
    </script>

$（函数（）{
$（“选择#chasis”）。更改（功能（e）{
$（“#chasisText”）.val（e.target.value）；
}); 
});

---

这段代码运行得很好，但我的问题是，是否有其他方法在文本框中显示所选值？可能更简单，也可能更复杂？

将jquery cdn添加到HTML的开头部分（如果尚未添加），如果已经添加，则忽略

添加chaischange函数以选择

<select id="chasis" onchange="chasisChange()" name="type">

---

不，这是最理想的jQuery方法。您可以使用ES6使其稍微简洁一些，但对于一次性的ES6来说并不是“更好”，实际上没有任何更简单的东西。如果您需要对多对选择/输入进行复制，那么您可以使用一种通用方法OK，问题是此代码提取的是值，而不是文本。我的意思是，我现在需要将值命名为与文本相同的名称，以检索“sedan”，因此：

在最后，我想提取文本，而不是值。例如，如果我有

sedan

我的代码检索“auto”-我想检索文本“sedan”并在文本框中显示它。我怎样才能做到这一点呢？因此，不要使用

e.target.value

而使用

$（this.find（“：selected”）.text（）

。请注意，您的问题说它已经按预期工作，并且希望选项的文本没有被提及更棘手？真正地

function chasisChange(){
var val =  $('#chasis').val();
console.log(val);
$('#chasisText').val(val);
}