Javascript 使用jQuery将一个选择框中的选项元素替换为另一个？

我有两个选择框，其中一个是动态填充的。第二个框我想用所选内容替换option元素。目前，我正在处理以下问题：

    var currentManCodeSelected = $('#sltmanu').find(':selected')[i].value;
    var currentManCodeName = $('#sltmanu').find(':selected')[i].text;

    $('#sltmanuCurrent option:first').replaceWith("<option value='" + currentManCodeSelected + "'>" + currentManCodeName + "</option>");

var currentManCodeSelected=$（'#sltmanu'）。查找（':selected'）[i]。值；
var currentManCodeName=$（'#sltmanu'）。查找（':selected'）[i]。文本；
$（'#sltmanumcurrent选项：first'）。替换为（“+currentManCodeName+”）；

---

有更好的方法吗？更短更优雅的方式

只需更改值和文本，而不是替换整个元素

$('#sltmanuCurrent option:first').val(currentManCodeSelected).text(currentManCodeName);

---

你可以像下面这样做

HTML:

<select id="left">
    <option value="a">a</option>
    <option value="b">b</option>
    <option value="c">c</option>
</select>

<select id="right">
    <option value="d">d</option>
    <option value="e">e</option>
    <option value="f">f</option>
</select>

$(document).ready(function() {
    $("#left").on('change', function() {
        $('#right :selected').val($('#left :selected').val()).text($('#left :selected').text());
    });
});

这是一把小提琴：