如何防止选择新选项添加到选择元素?

Question

我正在添加新选项来选择标签，但我不希望选择其中任何一个。 我已经尝试了几种方法来做到这一点，但每次都选择了第一个选项。代码如下：

const $selectField = $('.clsname');
const array = ['option1', 'option2', 'option3'];
$selectField.empty();
array.forEach(function(iter, elem) {
$selectField.append(new Option(iter, elem, false, false));
});
$selectField.show();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select hidden class="clsname"></select>

据我了解，将new Option()与defaultSelected一起使用，并选择设置为false应该可以解决问题。

此外，我尝试在forEach之后添加这样的东西，但它也不起作用。

$selectField.children("option:selected").prop("selected", false);

Answer 1

添加选项后，可以将选择字段的值设置为null。

$('#mySelect').val(null)

for(var i = 1; i < 5; i++) {
	$option = $('<option></option>').text('Option ' + i).val(i);
	$('select').append($option);
}
$('select').val(null)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
</select>