javascript - ステートメントが正しく比較できなかった場合、JQueryは値を選択しました

Question

選択した値を文字列と比較してからポップアップアラートを表示することで、ifステートメントが機能することを確認するためにテストしていました。ただし、特定の選択に関係なく、アラートの結果は常に「オフ」と表示されます。if ステートメントが正しく比較されていないようです。ここに私のコード、

$("#options").change(function(){
                                var selected = $("option:selected", this).val();

                                if(selected == 'line 2')
                                {
                                    alert("line 2");
                                }
                                else if(selected == 'line 3')
                                {
                                    alert("line 3");
                                }
                                else if(selected == 'line 4')
                                {
                                    alert("line 4");
                                }
                                else if(selected == 'line 8')
                                {
                                    alert("line 8");
                                }
                                else
                                {
                                    alert("off");
                                }

                    });

HTMLドロップダウンコード、

<select id="options">
                <optgroup label="Caption">
                    <option value="off1">Off</option>
                    <option selected value="2 line">2 Lines</option>
                    <option value="3 line">3 lines</option>
                </optgroup>
                <optgroup label="Transcript">
                    <option value="off2">Off</option>
                    <option value="4 line">4 Lines</option>
                    <option value="8 line">8 lines</option>
                </optgroup>
            </select>

Answer 1

値は2 line、あなたが比較しているline 2（例えば）

これを試して;

var selected = $("option:selected", this).val();
    if(selected == '2 line')
       {
         alert("line 2");
       }

Answer 2

比較している値と html の値が一致しません。