javascript - テキストボックスの値とドロップダウンのオプション値を比較する方法

Question

テキスト ボックスの値とドロップダウン リストのオプションの値を比較したいと考えています。
それらが同じ場合、警告ボックスが表示されます。

Answer 1

<input type="text" name="textbox" />
<select name="selectvalue">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

<script>
 $("select[name=selectvalue]").change(function(){
     if( $(this).val() == $("input[name=textbox]").val() )
         alert("Value is same!!!");
 })
</script>

このチェックは、送信時に、またはいつでも実行できます。アラートが必要な時期については言及していません。選択値の変更時、入力テキスト ボックスの値の変更時、またはボタン クリック時。

Answer 2

// html code
<input type="text" id="textboxID" value="1" />
<select id="selectID">
    <option value="1" selected>First</option>
</select>

// the script
<script type="text/javascript">
    if ($("#textboxID").val() === $("#selectID").val())
        alert("The values are equal.");
</script>