Question

我尝试创建效果，当有人点击option中的select option时会显示另一个“选择框”，您可以在此处看到http://jsfiddle.net/ruslyrossi/Qxke8/1/。

问题是这个效果或脚本只适用于浏览器mozilla而不是chrome或ie。

Answer 1

我不确定点击事件是否对选项有效。即使用'change'事件处理程序，而不是'click'。

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

休息应符合您的需要:)

如果你热衷于：Click event on select option element in 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');    

    });

});

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

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

onclick时显示“选择选项”

2 个答案: