テキストボックスのテキストが変更されたときに0にドロップダウンの選択されたインデックスを設定するには?
-
22-08-2019 - |
質問
私は、テキストボックスを移入するためにドロップダウンを使用しています。好適な値がドロップダウンリストに存在しない場合しかし、その後、ユーザーはdirectalyそのテキストボックスに値を入力します。
ユーザーが最初のドロップダウンから値を選択してから、彼はその値を望んでいないと、ユーザーが別の値を入力しているとして、彼のタイプというテキストボックス内の別のテキストは、この時点でドロップダウンは、インデックス0に設定する必要があります。
場合私はテキストボックスのtextchangedイベントを使用するが、それは動作しません。誰がどのようにこのためにJavaScriptを書くように私に教えてもらえますか? 事前に感謝します。
解決
これはあなたのために働く必要があります:
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');"/>
所属していません StackOverflow