複数のプルダウンの内容を論理積にかける時

前提・実現したいこと

●前提
javascriptを使ってselect（プルダウン・ドロップダウン）のoptionの情報でIF文を組み立てたいが、
複数の情報を論理積（＆＆）にかけると上手くいかない。

●作りたいプログラム
2カ所あるプルダウンの内容が両方とも"選択してください"じゃない時に
アラートを出したい。
（一か所もしくは両方に"選択してください"が設定されているときは何もしない処理。）

該当のソースコード


                <select onChange="search()" id="x">
                    <option id="1" value="">選択してください</option>
                    <option id="2" value="あ">あああ</option>
                    <option id="3" value="い">いいい</option>
                    <option id="4" value="う">ううう</option>
                </select>

                <select onChange="search()" id="y">
                    <option id="5"　value="">選択してください</option>
                    <option id="6"　value="A">AAA</option>
                    <option id="7"　value="B">BBB</option>
                    <option id="8"  value="C">CCC</option>
                </select>

                <script>    
                    function search() {
                        if (document.getElementById('x').value !== "" && document.getElementById('y').value !== "" ) {
                            alert('アラート');
                        }
            
                    }


###起きている事象
idがxのプルダウンをA（もしくはB、C）に変えたらアラートが出る。
（このときidがyのプルダウンは"選択してください"のまま）
。

行動規範の内容に同意します

回答1件

ベストアンサー

全角空白があるからです。

HTML
1<select onChange="search()" id="y">
2<!--          ↓全角空白 -->
3<option id="5"　value="">選択してください</option>
4<!--          ↓全角空白 -->
5<option id="6"　value="A">AAA</option>
6<!--          ↓全角空白 -->
7<option id="7"　value="B">BBB</option>
8<option id="8"  value="C">CCC</option>
9</select>