當點擊時顯示「select option」

Question

我嘗試創建效果，當有人點擊option時select option這將顯示另一個「select option box」，您可以在這裏看到http://jsfiddle.net/ruslyrossi/Qxke8/1/。

問題是這個效果或腳本只能與瀏覽器mozilla的工作不與鉻或ie。

Answer 1

我不確定點擊事件是否對選項有效。即使用「更改」事件處理程序，而不是「點擊」。

試試這個工作演示這裏：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/