ドロップダウンを作成し、オプション タグの値を配列に取得しました。テキストボックスの値が配列の値と一致するかどうかを確認したい。
HTML:
<select>
<option>test1</option>
<option>test2</option>
<option>test3</option>
<option>test4</option>
</select>
<input type="text" id="txt" /> //textbox
<input class="bt" type="button" id="btntest" value="Check for the Value">
次の Jquery を使用して配列を取得しました。
var values = $('select').children('option').map(function (i, e)
{
return e.innerText;
});
値変数は結果をtest1,test2,test3,test4として保持するようになりました
質問: ユーザーがテキスト ボックス ( txt ) に「 test2 」と入力した場合、配列でtest2が使用可能かどうかを確認する方法など。ユーザーが配列値以外の値を入力すると、エラー メッセージが表示されます。
フィドルを見つけてください。