Question

我有以下HTML和jQuery代码。

当我打开浏览器的开发者控制台（即我检查元素时）并使我的系统崩溃时，它显示错误"SyntaxError: '#companySize option:selected' is not a valid selector"。我该如何解决？

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

在$('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>

SyntaxError：＆＃39; #companySize选项：已选中＆＃39;不是有效的选择器

1 个答案: