2013-02-15 189 views
0

我實現了jquery multiselect並且它的工作正常,現在我需要添加額外的功能,當用戶在下拉列表中選擇另一個選項時(選中另一個複選框),然後我想要獲取相關選項如何獲取multiselect onchange事件中的複選框值

enter image description here

在上面的圖片中沒有插入複選框,它是由jQuery的自動插入現在我想,如果我選擇用XYZ檢查=框,然後我想要得到的XYZ的值,它是id of XYZ

這裏是我是如何實現它

<select multiple="multiple" id="CParent" name="parent" class="box2 required"> 
         @foreach (var item in Model.Categories.OrderBy(c => c.Name)) 
         { 

          if (Model.Coupon.Categoryid.Id == item.Id) 
          { 
          <option selected="selected" value="@item.Id">@item.Name</option> 

          } 
          else 
          { 
          <option value="@item.Id">@item.Name</option>                     
          } 
         } 
        </select> 

,這是它看起來像事先瀏覽器源渲染

enter image description here

謝謝你幫我之後。

我試過沒

$('#CParent input:checked').change(function() { 

     var parentid = $(this).val()+''; 
     var array = parentid.split(","); 
     alert(array); 
     getchildcat(array[array.length -1]); 
    }); 

}); 

編輯

代碼初始化多選

$("#CParent").multiselect({ 
    header: "Choose only THREE items!", 
    click: function() { 
     if ($(this).multiselect("widget").find("input:checked").length > 3) { 
      $(warning).show(); 
      warning.addClass("error").removeClass("success").html("You can only check three checkboxes!"); 
      return false; 
     } 
     else if ($(this).multiselect("widget").find("input:checked").length <= 3) { 

      if ($(warning).is(":visible")) { 

       $(warning).hide(); 
      } 

     } 

    } 
}); 
+0

哪裏是你的代碼初始化多選? – 2013-02-15 09:16:31

+0

@AnthonyGrist見我的編輯 – Smartboy 2013-02-15 09:19:47

回答

1

試試這個

$('#CParent').val(); 

這會給你的選擇框值

OR

docs

var array_of_checked_values = $("#CParent").multiselect("getChecked").map(function(){ 
    return this.value; 
}).get();