3

私は効果を作成しようとします。誰かがこれをクリックoptionするselect optionと、別の「選択オプションボックス」が表示されます。ここでhttp://jsfiddle.net/ruslyrossi/Qxke8/1/を確認できます 。

問題は、このエフェクトまたはスクリプトがブラウザの mozilla でのみ動作し、chrome または ie では動作しないことです。

4

2 に答える 2

1

オプションでクリックイベントが有効かどうかはわかりません。つまり、'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');    

    });

});

​
于 2012-10-22T08:27:36.730 に答える
1 
$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');
    });
});​

フィドル: http://jsfiddle.net/Qxke8/12/

于 2012-10-22T08:27:42.520 に答える