如何将文本框值与下拉列表的选项值进行比较

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>