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").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) {

    }
});
  });

我希望在我的控制器中获取myId的值作为列表（所选选项值的列表）。我该怎么做？我应该做些什么改变？

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) {

            }
        });
  });

ajax-将下拉选项值作为列表传递

1 个答案: