点击时显示“选择选项”

Question

我试图创建一个效果，当有人点击“选择选项”中的选项时，将会显示另一个“选择选项框”，你可以在这里看到 http://jsfiddle.net/ruslyrossi/Qxke8/1/。

问题在于，这个效果或脚本只能在Mozilla浏览器上运行，不能在Chrome或IE上运行。

- rusly

Answer 1

我不确定在选项上是否有效的点击事件。即使用“更改”事件处理程序，而不是“单击”。

在此处尝试此工作演示：http://jsfiddle.net/HVSyC/

其余部分应符合您的需求:)

如果您有兴趣，请参阅：在Chrome中单击选择选项元素的事件

代码

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');    

    });

});

​

- Tats_innit

Answer 2

$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');
    });
});​

fiddle: http://jsfiddle.net/Qxke8/12/

小提琴：http://jsfiddle.net/Qxke8/12/

- karaxuna