javascript - 语法错误:'#companySize option:selected'不是有效的选择器

我有以下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">
	<option value="0">Select Customer Segment</option>
	<option value="1"> 1 - 100 </option>
	<option value="2"> 100 - 200 </option>
	<option value="3"> 200 - 300 </option>
	<option value="4"> 300 - above</option>
</select>

最佳答案

在$('select#companySize').on('change', function()中运行代码，因为第一个加载页面的默认值为0，所以在onchange of select之后获取其值，它将可以正常工作

$(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">
	<option value="0">Select Customer Segment</option>
	<option value="1"> 1 - 100 </option>
	<option value="2"> 100 - 200 </option>
	<option value="3"> 200 - 300 </option>
	<option value="4"> 300 - above</option>
</select>

关于javascript - 语法错误:'#companySize option:selected'不是有效的选择器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47131500/