在onclick时显示"select option“

Question

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

问题是，这种效果或脚本只能在浏览器mozilla上工作，而不能在chrome或ie上工作。

Answer 1

我不确定单击事件在选项上是否有效。例如，使用“change”事件处理程序，而不是“click”。

在这里试用这个工作演示：http://jsfiddle.net/HVSyC/

Rest应该满足您的需求:)

如果你热衷于更远的话：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/