イベントリスナー

Question

：私は何をしようとしている

function funcName(aList) { 
    // populates the options for the select tag 
    $("#cat").on("change", function(){ 
     // some computation; 
    }); 
    // uses aList to update some div data 
} 

：表示されなければならないオプション扱いjavascript関数で

<select id='cat'> 
    <option value='a'>A</option> 
    <option value='b'>B</option> 
    <option value='all'>all</option> 
</select> 

選択されたオプションがallの場合は、すべてをaListに表示する必要があります。そうでない場合は、選択したオプションに基づいて、関連するオプションのみを表示する必要があります。 onchangeの私の使用は正しいですか？

当初私はaListをグローバルに考えていましたが、JSのグローバルでの読書の後、私はそれが非常に良い習慣ではないことを知る必要がありました。

ありがとうございます！

更新：aListにはいくつかの文字列値が含まれています。関数は匿名関数提供

Answer 1

$(function() { 
 
     $("#ddl").change(function() { 
 
      var selectedText = $(this).find("option:selected").text(); 
 
      var selectedValue = $(this).val(); 
 
      var assignedRoleId = new Array(); 
 
      alert("Selected Text: " + selectedText + " Value: " + selectedValue); 
 
      if(selectedValue== "all") 
 
      { 
 
       $("#ddl option").each(function() 
 
        { 
 
       if(this.value=="all") 
 
        { 
 
        assignedRoleId.push(); 
 
        } 
 
       else 
 
        { 
 
        assignedRoleId.push(this.value); 
 
        assignedRoleId.push(" "); 
 
        $("#selected").html(assignedRoleId); 
 
        } 
 
       }); 
 
      } 
 
     }); 
 
    });

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
Select something: 
 
<select id="ddl"> 
 
    <option value="">select one</option> 
 
    <option value="a">a</option> 
 
    <option value="b">b</option> 
 
    <option value="all">all</option> 
 
</select> 
 
<div id="selected"> 
 
    </div>