从javascript设置组合框选择的项目

Question

我有javascript函数，除了其他东西之外还会生成组合框选项值。默认情况下，此组合框是隐藏的，并且具有空选项值。在某些页面事件中，该组合框向用户显示生成的选项值（0到5）。在生成这些值的同一函数中，我想设置首先从生成列表中选择的组合框选项值，索引0。

所以我尝试了

var myComboBox = $("#myCombo");
 for (i = 4; i < checked; i++) {
     myComboBox.append('<option value=' + i + '>' + i + '</option>');
 }
 myComboBox.selectedIndex = 0;

没有什么变化。 Combobox没有选定的项目。

Answer 1

myComboBox是一个jQuery对象，而不是DOM元素...因此：

myComboBox[0].selectedIndex = 0;

OR

myComboBox.prop('selectedIndex', 0);

如果您想按值选择选项，您也可以这样做：

myComboBox.val(someValue);

我想说，将$置于引用jQuery对象的变量前面以避免混淆是一种很好的做法，例如$myComboBox。这种命名惯例很常见。