當文本字段的值更改時，需要與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>