当文本字段的值更改时，需要与jQuery等效的JavaScript来更改下拉列表的值

Question

我正在使用Formstack表单。 一旦匹配，我需要使用Javascript将下拉框的值更改为在文本字段中键入的值。

<input type="text" id="field35497729" name="field35497729" size="50" value="" class="fsField">
<select id="field35497839" name="field35497839" size="1" class="fsField">
<option value="">&nbsp;</option>
<option value="CIPSmember">CIPSmember</option>
<option value="TECHCONNEXmember">TECHCONNEXmember</option>
<option value="TCBCpreferred">TCBCpreferred</option>
<option value="TCBCcomp2015">TCBCcomp2015</option>
</select>

因此，只要有人在文本字段中CIPSmember ，就应该选择具有相同值的下拉列表。 如果没有匹配项，则下拉列表中没有选择。

我在jsFiddle上使用了以下jQuery，但在Formstack上不起作用：

$('#field35497729').keyup( function() {
$("#field35497839").val($('#field35497729').val()); 
}
);

这是我在jsFiddle上尝试的一种Javascript方法，该方法不起作用：

document.getElementByID('field35497729').onkeyup = function() {
document.getElementById('field35497839').value = document.getElementByID('field35497729').value;
};

我在这里 ， 这里以及其他10个地方进行了检查，但无法正常工作。 有很多关于如何在下拉菜单选择更改时使文本字段发生更改的教程，但反之则很少。

Answer 1

• getElementById中的 ID拼写错误
• jQuery版本上缺少尾括号
• 简化使用this和$（this）

但是我很好奇。 也许您想要自动完成功能 ？

这是您的固定版本

普通JS版本

 window.onload=function() { document.getElementById('field35497729').onkeyup = function() { document.getElementById('field35497839').value = this.value; } } 

 <input type="text" id="field35497729" name="field35497729" size="50" value="" class="fsField"> <select id="field35497839" name="field35497839" size="1" class="fsField"> <option value="">&nbsp;</option> <option value="CIPSmember">CIPSmember</option> <option value="TECHCONNEXmember">TECHCONNEXmember</option> <option value="TCBCpreferred">TCBCpreferred</option> <option value="TCBCcomp2015">TCBCcomp2015</option> </select> 

---

jQuery版本

 $(function() { $('#field35497729').on("keyup",function() { $("#field35497839").val($(this).val()); // or (this.value) }) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input type="text" id="field35497729" name="field35497729" size="50" value="" class="fsField"> <select id="field35497839" name="field35497839" size="1" class="fsField"> <option value="">&nbsp;</option> <option value="CIPSmember">CIPSmember</option> <option value="TECHCONNEXmember">TECHCONNEXmember</option> <option value="TCBCpreferred">TCBCpreferred</option> <option value="TCBCcomp2015">TCBCcomp2015</option> </select>