问题出现的原因是在使用jQuery的set select index方法时，有些方法在不同的浏览器中表现不一致，导致无法正确设置选中项的索引。

解决方法是使用.val()方法来设置选中项的值。这种方法在大多数浏览器中都能正常工作。另外，还有一种方法是使用选项元素的索引来设置选中项，即使用$('#selectBox option')[index].selected = true;的方式。这种方法在某些浏览器中可以正常工作。

使用.val()方法是最简单和直接的方法，推荐使用这种方法来设置选中项的索引。如果遇到浏览器兼容性问题，可以尝试使用选项元素的索引来设置选中项。

问题：如何使用jQuery选择器设置下拉框的选项？

问题出现的原因：在jQuery 1.6.1版本之前，可以使用`.attr()`方法来设置选项，但在新版本中推荐使用`.prop()`方法。

解决方法：

1. 通过索引选择：使用`:nth-child(index)`选择器或者`:eq(index)`选择器来设置选项。例如：`$('#selectBox :nth-child(4)').prop('selected', true);`或者`$('#selectBox option:eq(3)').prop('selected', true);`。

2. 通过值选择：使用`.val(value)`方法来设置选项。例如：`$("#selectBox").val("3");`。

3. 在jQuery Mobile中更新UI显示：使用`$('#select').selectmenu().selectmenu('refresh');`。

其他注意事项：

- 当使用`:eq(index)`选择器时，索引是从0开始计数的，而使用`:nth-child(index)`选择器时，索引是从1开始计数的。

- 在jQuery 1.6.1版本之后，推荐使用`.prop()`方法而不是`.attr()`方法来修改元素的布尔属性。

- 当以编程方式设置选项时，可能不希望触发绑定的`change`事件。可以在设置选项之后调用`$('#selectBox').change();`来手动触发`change`事件。

问题的出现原因：

在使用 jQuery 的 select() 方法时，通过索引选择选项时，并不能根据选项的值来进行选择，而是根据选项的索引来选择。这可能导致在需要根据选项的值进行选择的情况下无法实现预期的效果。

解决方法：

1. 使用 attr() 方法来选择选项，并将 selected 属性设置为 'selected'：

$('#selectBox option[value=C]').attr('selected', 'selected');

2. 使用 prop() 方法来选择选项，并将 selected 属性设置为 true：

$('#selectBox option[value=C]').prop('selected', true);

3. 如果需要多次更改选中的值（例如在按钮点击时），建议使用 prop() 方法：

.prop('selected', true)

4. 避免在同一个 select 元素上多次使用 attr('selected', 'selected') 方法，因为某些浏览器可能会混淆并将多个选项标记为 selected。