텍스트 상자의 텍스트가 변경 될 때 선택한 드롭 다운 인덱스를 0으로 설정하는 방법은 무엇입니까?

Question

드롭 다운을 사용하여 텍스트 상자를 채우고 있습니다. 그러나 선호 값이 드롭 다운에 존재하지 않으면 해당 텍스트 상자에 값을 입력하십시오.

사용자가 먼저 드롭 다운에서 값을 선택한 다음 해당 값을 원하지 않으면 해당 텍스트 상자에 다른 텍스트를 입력하면이 시점에서 사용자가 다른 값을 입력 할 때 드롭 다운을 색인 0으로 설정해야합니다.

TextBox의 TextChanged 이벤트를 사용했지만 작동하지 않습니다. 누구든지 이것을 위해 JavaScript를 작성하는 방법을 말해 줄 수 있습니까? 미리 감사드립니다.

Answer 1

이것은 당신에게 효과가 있어야합니다 :

function ResetDropDown(id) {
    document.getElementById(id).selectedIndex = 0;
}
function ResetTextBox(id) {
    document.getElementById(id).value = '';
}
<select id="MyDropDown" onchange="ResetTextBox('MyTextBox');">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<input id="MyTextBox" type="text" onkeypress="ResetDropDown('MyDropDown');"/>