Jquery 设置下拉列表的错误消息

Jquery 设置下拉列表的错误消息,jquery,html,css,Jquery,Html,Css,是否可以为下拉菜单设置错误消息 在第一页我有一个下拉菜单,用户可以选择任何组合,然后单击提交 在第二页上,我有相同的下拉菜单,如果用户没有选择相同的组合,则会显示一些错误 选择一个项目 T恤 长袖 罐顶 选择一个项目 蓝色 红色 黑色 对。您可以通过PHP和JQUERY的结合来实现这一点 假设这是你的第一页 <form action="secondPage.php" method="post"> <select id="men" class="select_class

是否可以为下拉菜单设置错误消息

在第一页我有一个下拉菜单,用户可以选择任何组合,然后单击提交

在第二页上,我有相同的下拉菜单,如果用户没有选择相同的组合,则会显示一些错误

选择一个项目 T恤 长袖 罐顶 选择一个项目 蓝色 红色 黑色
对。您可以通过PHP和JQUERY的结合来实现这一点

假设这是你的第一页

<form action="secondPage.php" method="post">
    <select id="men" class="select_class1" name="subselector">
        <option value="">Choose an Item</option>
        <option value="tsm">T-Shirt</option>
        <option value="lsm">Long Sleeve</option>
        <option value="tankm">Tank Top</option>
    </select>
    <input type="submit" value="submit" />
</form>

我有一个问题,如果我有多个子选择器怎么办现在它工作了,但我尝试在第二页上选择正确的项目,它会显示错误消息
<?php
    $subselector = $_POST['subselector'];
?>
<form action="anotherPage.php" method="post">
    <select id="men" class="select_class1" name="subselector">
        <option value="">Choose an Item</option>
        <option value="tsm">T-Shirt</option>
        <option value="lsm">Long Sleeve</option>
        <option value="tankm">Tank Top</option>
    </select>
    <input type="submit" value="submit" />
</form>

<!-- Now using jQuery to prevent the form from submitting if only the previous selected value doesn't correspond with the present selected value -->
<!-- don't forget to include your jQuery library here -->

<script>
    $('form').submit(function(e){
        prevSelVal = "<?php echo $subselector; ?>";
        presentVal = $('select').val();
        if(prevSelVal !== presentVal){
            e.preventDefault();
            alert('Your Previous Selected Value must Correspond With Your Present Selected Value');
        }
    });
</script>