SyntaxError： '#companySize option：selected'は有効なセレクタではありません

Question

私は以下のHTMLとjQueryコードを持っています。

私はは（私はエレメントを点検してくださいながら、すなわち）ブラウザのデベロッパーコンソールを開いて、私のシステムがクラッシュしている間、それは私にエラー"SyntaxError: '#companySize option:selected' is not a valid selector"を示しています。どうすれば解決できますか？

var customerSegment = $("#companySize option:selected").val(); 
 
console.log(customerSegment);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<select id="companySize"> 
 
\t <option value="0">Select Customer Segment</option> 
 
\t <option value="1"> 1 - 100 </option> 
 
\t <option value="2"> 100 - 200 </option> 
 
\t <option value="3"> 200 - 300 </option> 
 
\t <option value="4"> 300 - above</option> 
 
</select>

Answer 1

は、最初のロードページのデフォルト値は、その値がそう取得、それは動作します0そうonchange of select後であるため、$('select#companySize').on('change', function()内のコードを実行

$(document).ready(function() { 
 
    $('select#companySize').on('change', function() { 
 
    var customerSegment = $("#companySize option:selected").val(); 
 
    console.log(customerSegment); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<select id="companySize"> 
 
\t <option value="0">Select Customer Segment</option> 
 
\t <option value="1"> 1 - 100 </option> 
 
\t <option value="2"> 100 - 200 </option> 
 
\t <option value="3"> 200 - 300 </option> 
 
\t <option value="4"> 300 - above</option> 
 
</select>