jQuery表单和选择框？

Question

我使用3个动态一起使用的选择框构建了一个表单，当一个正在使用时，另一个必须处于默认设置，这确保了该选择框的任何动态事件都被关闭，我完成了这个到目前为止，使用这个jquery：

$('form select').click(function() {
    $('form select').not(this).val('');
});

除了IE之外，这在我想要的所有其他浏览器中实现。

在其他浏览器中，它将其他选择输入返回到选择的最顶层选项，这意味着唯一的选择框是所选的一个。但是，在IE中它实际上确实删除了选项，一直留给我一个空的选择框，直到它被点击！

有解决方法吗？

Answer 1

将selectedIndex设置为0而不是清除值：

$('form select').not(this).prop('selectedIndex', 0);

Answer 2

试试这个

$('form select').not(this).children("option:selected").removeAttr("selected")

Answer 3

你可以试试这个。

$('form select').click(function() {
    $('form select').not(this).each(function(){
        this.value='';
     });
});