Нужно JavaScript-эквивалент jQuery, изменяющий значение выпадающего списка при изменении значения текстового поля

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 в текстовое поле, раскрывающийся должен быть выбран с тем же значением. Если совпадения нет, в раскрывающемся списке нет выбора.

Я использовал следующий JQuery на jsFiddle, но он не работает на Formstack:

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

Вот один метод Javascript Я пытаюсь на jsFiddle, что не работает:

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

I проверил here, here и, возможно, 10 других мест, но я не могу заставить его работать. Существует множество учебных пособий о том, как изменить текстовое поле при изменении выбора выпадающего списка, но не так много на противоположном.

Answer 1

• опечатки ID в getElementById
• отсутствуют конец кронштейн на JQuery версии
• упрощенной использовать это и $ (это)

Однако я любопытный. Возможно, вы хотите вместо этого autocomplete?

Вот ваши фиксированные версии

Plain 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>