ajax-パスドロップダウンオプションの値リスト

Question

ように私は、複数のこのよう選択することができますドロップダウンリストがあります：

<select id="myId" > 
    <option value="1">Value 1</option> 
    <option value="2">Value 2</option> 
    <option value="3">Value 3</option> 
    <option value="4">Value 4</option> 
</select> 

今の変化に私は（私のコントローラに）AJAX呼び出しを行うために必要なオプションをどの私は私のコントローラにリストとして（選択したオプション値のリスト）をMYIDの値を取得したい選択したオプションの値

$("#myId").change(function(){ 
    var myId= $("#myId").val(); 
     $.ajax({ 
    url:"${createLink(controller:'clientTrip',action:'fillData')}", 
    data: ({myId:myId}), // i want myid to be sent as list 
    dataType: "html", 

    success: function(data) { 

    } 
}); 
    });  

を送信します。.. がどのように私はそれを行うことができますか？私は何を変えるべきですか？

Answer 1

selected selectorを使用することをお勧めします。次のようなものが動作するはずです

$("#myId").change(function(){ 
    var myIds = new Array(); 
    $("#myId option:selected").each(function(){ 
     myIDS.push($(this).val()); 
    }) 
     $.ajax({ 
      url:"${createLink(controller:'clientTrip',action:'fillData')}", 
      data: ({myId:myIds}), // i want myid to be sent as list 
      dataType: "html", 

      success: function(data) { 

      } 
     }); 
    });