javascript - 在“选择”控件中更改所选选项的“值”属性

我正在尝试实现以下结果：

有一个<select>控件。在其下是textbox。我想将在此文本框中输入的值分配给value控件中特定option的<select>属性。

例如：-
说，以下是<select>下拉列表：-

<select id="anyid">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="custom">Custom</option>
</select>

假设在文本框的4中输入textbox，然后在文本框的onkeyup中，我希望value选项的Custom属性为4。
因此，在此之后，<select>选项将是：-

<select id="anyid">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">Custom</option>
</select>

有任何想法吗？我更喜欢jQuery，而不是Javascript。

最佳答案

您应该为custom选项分配一个类/ ID。

<option class="customOption" value="custom">Custom</option>

然后，您可以执行以下操作：

$('#myTextBox').on('keyup', function () {
    $('.customOption').val(this.value);
});

DEMO

关于javascript - 在“选择”控件中更改所选选项的“值”属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20877301/