0

オプションが選択されているかどうかを確認する必要がある状況にあります。ボタンをクリックすると、オプションが選択されていない場合、選択ボックスが赤くなり、アラートが表示されます。それは動作しません。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>
4

2 に答える 2

3

$betyg == "0"UIによると可能性がないため、機能していません。

デフォルトのオプションは...何もありません。おそらく空の文字列""; どこにも現れません0。

チェックするオプションを明示的に設定し、それをチェックします。

于 2013-02-26T22:51:59.280 に答える
1

何も選択されていないことを警告するかどうかを確認するときは、「オプション」の値が「0」であるかどうかを確認します。ただし、実際には選択なしの値「0」を定義していません。値「1」から「5」のみを定義しています。値が定義されていないものの値を要求した場合、Javascript で何が期待できるかわかりません。私の最初の提案は、選択なしの値「0」を定義し、それが役立つかどうかを確認することです。:)

于 2013-02-26T22:52:33.437 に答える