jquery選擇的選項多選擇作品一次

Question

正確我有一個問題與鉻/ jQuery的移動。在Internet Explorer中，腳本似乎運行良好。

這裏是jsfiddle example

問題是，當我選擇兩個列表中的多個項目後，點擊它去罰款。當我第二次清單不再被清除時。

HTML代碼：

<!-- Select Multiple --> 
<div class="control-group" style="float: left;"> 
    <label class="control-label" for="selectmultiple">Licentie Man</label> 
    <div class="controls"> 
    <select id="maleLicense" style="height: 210px;" name="maleLicense" class="input-medium" multiple="multiple"> 
    <option value="l0000000000000000000100">Amateur</option> 
    <option value="l0000000000000000000001">Basislid</option> 
    <option value="l0000000000000000001000">Belofte</option> 
    <option value="l0000000000000000010000">Elite</option> 
    <option value="l0000000000000000100000">Jeugd</option> 
    <option value="l0000000000000001000000">Junior 1e jaars</option> 
    <option value="l0000000000000010000000">Junior 2e jaars</option> 
    <option value="l0000000000000100000000">Nieuweling 1e jaars</option> 
    <option value="l0000000000001000000000">Nieuweling 2e jaars</option> 
    <option value="l0000000000100000000000">Professional-A</option> 
    <option value="l0000000000010000000000">Professional-B</option> 
    <option value="l0000000001000000000000">Sportklasse</option> 
    </select> 
    </div> 
    </div> 

<!-- Select Multiple --> 
<div class="control-group"> 
    <label class="control-label" for="selectmultiple">Licentie Vrouw&nbsp;&nbsp;&nbsp; 
</label> 
    <div class="controls"> 
    <select id="femaleLicense" style="height: 210px;" name="femaleLicense" class="input-medium" multiple="multiple"> 
    <option value="l0000000010000000000000">Amateur</option> 
    <option value="l0000000000000000000010">Basislid</option> 
    <option value="l0000000100000000000000">Belofte</option> 
    <option value="l0000001000000000000000">Elite</option> 
    <option value="l0000010000000000000000">Jeugd</option> 
    <option value="l0000100000000000000000">Junior 1e jaars</option> 
    <option value="l0001000000000000000000">Junior 2e jaars</option> 
    <option value="l0010000000000000000000">Nieuweling 1e jaars</option> 
    <option value="l0100000000000000000000">Nieuweling 2e jaars</option> 
    <option value="l1000000000000000000000">Professional-B</option> 
    </select> 
    </div> 
</div> 
<a id="click">empty input</a> 

jQuery代碼：

$(document).ready(function() { 
$("a#click").click(function(){ 
    "use strict"; 
    $('#maleLicense').children(':selected').removeProp('selected'); 
    $('#femaleLicense').children(':selected').removeProp('selected'); 
}); 
}); 

一張畫給我的意思視覺：

Answer 1

嘗試.prop（ '選擇'，FALSE）改爲（http://api.jquery.com/prop/），它工作正常我認爲

$(document).ready(function() { 
    $("a#click").click(function(){ 
    $('#maleLicense').children(':selected').prop('selected', false); 
    $('#femaleLicense').children(':selected').prop('selected', false); 
    }); 
}); 

更新的jsfiddle：http://jsfiddle.net/7x9BT/3/

Answer 2

如下用途removeAttr：

$(document).ready(function() { 
    $("a#click").click(function() { 
     "use strict"; 
     $('#maleLicense option:selected').removeAttr('selected'); 
     $('#femaleLicense option:selected').removeAttr('selected'); 
    }); 
}); 

jsFiddle

Answer 3

相反的removeAttr，我用$("#maleLicense").val(null);，一切工作正常。

這是小提琴。 http://jsfiddle.net/7x9BT/5/