Question

目前我有多个下拉菜单，但我想添加带复选框的下拉列表我的代码看起来像这样

<select class="form-control dropdown-check-list" style="margin-left: 1px; margin-top: 9px;" id="ddl_parameter"   multiple="multiple" name="tablecol"  required/>

对于我正在使用ajax调用从数据库获取数据的选项，我希望下拉列表选中此选项的复选框

GetParamter();
         function GetParamter() {

             $.ajax({

                 url: "/GetParamter",
                 type: 'get',
                 datatype: 'JSON',
                 success: function (response) {
                     var data = JSON.stringify(response);
                     var data = JSON.parse(data);

                     $("#ddl_parameter").empty();
                     $("#ddl_parameter").append('<option value="0">Choose an Option..</option>');
                     for (var i = 0; i < data.length; i++) {

                         $("#ddl_parameter").append('<option value="' + data[i]["name"] + '">' + data[i]["name"] + '</option>');

                     }

                 },

                 error: function (jqXHR, exception) {
                     //alert(xhr.responseText);
                 }
             });
         }

Answer 1

您可以使用Boostrap Multiselect下拉列表，使用复选框

for ($i = 1; $i <= CITY_COUNT; $i++) {
    for ($j = 1; $j <= CITY_COUNT; $j++) {
        if ($_POST[$i . '_' . $j] != '')
            //
            $distances[$i][$j] = $_POST[$i . '_' . $j];
        else if ($_POST[$j . '_' . $i] != '')
            $distances[$i][$j] = $_POST[$j . '_' . $i];
        else
            $distances[$i][$j] = 32767;
    }
}

演示http://jsfiddle.net/9c4jsqf9/132/

我想添加复选框的下拉列表

1 个答案: