jquery检查是否选择了选项

jquery check if option is selected

本文关键字：选项 选择 是否 检查 jquery      更新时间：2023-09-26

我遇到了一种情况，我需要看看是否选择了一个选项。当我单击某个按钮时，如果未选择某个选项，则选择框应变为红色并向我发出警报。它不起作用。我对if语句有困难。有什么解决方案吗？

Javascript

$(document).ready(function(){
var $films = [];
$("#button").click(function(){
    var $titelBetyg = [];
    var $titel = $('#name').val();
    var $betyg = $('#options').val();
    if($titel == ""){
        $('#name').css('background-color', 'red');
        alert("Fail");
    }
    else if($betyg == "0"){
        $('#options').css('background-color', 'red');
        alert("Fail");
    }
    else{
        $titelBetyg.push($titel);
        $titelBetyg.push($betyg);
        $films.push($titelBetyg);
    }
    $('#rightbar').append($films);
});
});

HTML

<body>
<div id="page">
    <div id="header">
        <h1> Min filminsamling </h1>
    </div>
    <div id="leftbar">
        <form>
            <fieldset>
                <legend>Lägg till en film:</legend>
                Titel:
                <br><input type="text" name="name" id="name"><br>
                Betyg:
                <br><select id="options">
                    <option>Välj betyg här...</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>                        
                </select>
                <br><input type="button" name="button" value="Spara film" id="button">
            </fieldset>
            <fieldset>
                <legend>Sortera film:</legend>
                <input type="button" name="stigande" value="Högst betyg" id="stigande">
                <br><input type="button" name="fallande" value="Lägst betyg" id="fallande">
            </fieldset>
        </form>
    </div>
    <div id="rightbar">
        Filmer
    </div>
</div>
</body>

$betyg == "0"不起作用，因为根据UI，这是不可能的。

你的默认选项是…什么都不做。可能是一个空字符串""；CCD_ 3没有出现。

显式设置要检查的选项并进行检查。

当您检查是否警告未选择任何内容时，您会查看"option"的值是否为"0"。然而，您实际上并没有定义"0"的值，只定义了值"1"到"5"。我不确定如果你要求某个值未定义的东西的值，Javascript会有什么结果；我的第一个建议是将值"0"定义为无选择，看看它是否有帮助。：(

相关文章：