javascript - 複数選択の onchange イベントでチェックボックスの値を取得する方法

Question

jquery multiselect を実装し、適切に動作するようになりました。ユーザーがドロップダウンで別のオプションを選択したときに (別のチェックボックスをオンにします)、関連するオプションの値を取得したいという追加機能を追加する必要があります。

上の写真では、チェックボックスを挿入しませんでした。jquery によって自動的に挿入されるようになりました。チェック = ボックスを選択するとXYZ、その値を取得したいと考えていXYZますid。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>

ブラウザソースでレンダリングした後の様子です

助けてくれてありがとう。

まだ試したこと

  $('#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();
            }

        }

    }
});

Answer 1

これを試して

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

これにより、選択ボックスの値が得られます

また

ドキュメントから

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