この関数を追加すると、jQuery UI MultiSelect ウィジェットは、事前に選択されたオプションが選択されていないときに削除されなくなりました。オプションの選択を解除する機能を失うことなく、この機能を機能させるにはどうすればよいですか?
問題を示すフィドルがここにあります: http://jsfiddle.net/chayacooper/Mp2bK/10/
JS
$(function () {
$(".example").multiselect({
open: function (event, ui) {
var option = $(this).find("option[value*=default]");
option.attr('value', option.attr('value').replace(/_default/g, ''));
}
});
});
HTML
<select name="example" class="example" multiple="multiple">
<option value="0">$0</option>
<option value="50_default" selected="selected">$50</option>
<option value="100">$100</option>
</select>
apx で最も一般的に選択されるオプションを事前に選択しています。300 要素を選択し、これらの値がまだ最初の事前選択/デフォルト状態にあるときと、ユーザーがフォーム要素をクリックしてその値をアクティブに選択したとき (ユーザーがフォーム要素を作成したことを示す) を区別するために、この関数を使用しています。その値に設定したままにするアクティブな決定)。