私は効果を作成しようとします。誰かがこれをクリックoption
するselect option
と、別の「選択オプションボックス」が表示されます。ここでhttp://jsfiddle.net/ruslyrossi/Qxke8/1/を確認できます 。
問題は、このエフェクトまたはスクリプトがブラウザの mozilla でのみ動作し、chrome または ie では動作しないことです。
私は効果を作成しようとします。誰かがこれをクリックoption
するselect option
と、別の「選択オプションボックス」が表示されます。ここでhttp://jsfiddle.net/ruslyrossi/Qxke8/1/を確認できます 。
問題は、このエフェクトまたはスクリプトがブラウザの mozilla でのみ動作し、chrome または ie では動作しないことです。
オプションでクリックイベントが有効かどうかはわかりません。つまり、'click' の代わりに 'change' イベント ハンドラを使用します。
ここでこの実用的なデモを試してください: http://jsfiddle.net/HVSyC/
休息はあなたのニーズに合うはずです:)
さらに熱心な場合:クロムの選択オプション要素のクリックイベント
コード
var $x = jQuery.noConflict(true);
$x(document).ready(function() {
$x(".group_tag_dynamic").hide(); //default
$x("select[name='action_top']").change(function() {
alert(this.value);
if(this.value == "Delete")
$x(".group_tag_dynamic").hide('slow');
else if(this.value == "Set Under")
$x(".group_tag_dynamic").show('slow');
});
});
$x(document).ready(function() {
$x(".group_tag_dynamic").hide(); //default
$x("select[name=action_top]").change(function() {
var selectedOption = $x(this).find('option:selected');
if(selectedOption.hasClass('bulk_action_target'))
$x(".group_tag_dynamic").show('slow');
else if(selectedOption.hasClass('bulk_action_delete'))
$x(".group_tag_dynamic").hide('slow');
});
});