javascript - onclick 时显示“选择选项”

Question

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

问题是这种效果或脚本只能与浏览器 mozilla 一起使用，而不能与 chrome 或 ie 一起使用。

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

    });

});

​

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/