Javascript 基于文本框值选择框选项

下面是我的代码，它根据文本框值更改选择选项，但我想更改选择选项的值，而无需单击“立即选择”按钮。意味着选择选项直接从文本框值更改，按钮不需要执行相同的操作

<select name="sel" id="MySelect">
    <option value="">Select One</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
    <option value="6">Six</option>
</select><br><br>

Select By Text: <br>
<input type="text" name="selText" value="Six">
<input type="button" name="selectNow" value="Select Now">

---

逻辑是相同的，只是您需要连接到selText元素上的keyup事件：

---

只需更改selText值更改时要引发的事件：

看

$('input[name=selText]').on('keyup', function() {
    selectByText($.trim($(this).val()));
});

$('input[name=selText]').on('change', function(event) {
    selectByText($.trim(this.value));
}).change();