/Javascript/jQuery/Jquery database add dropdown in datababe grid

Jquery database add dropdown in datababe grid

// static data
 var containerTypes = [
            "45FR",
            "45GPHC",
            "45HC",
            "45REHC"]

//database columns rendering
  {
                        "data" : null,
                              "mRender": function (d, t, r) {
                                var $select = $("<select></select>", {
                                    "id": r[0] + "start",
                                    "value": d
                                });
                                $.each(containerTypes, function (k, v) {
                                    var $option = $("<option></option>", {
                                        "text": v,
                                        "value": v
                                    });
                                    if (d === v) {
                                        $option.attr("selected", "selected")
                                    }
                                    $select.append($option);
                                });
                                return $select.prop("outerHTML");
                            }
                     },

Similar codes

26 votes112 views6 answers
Jquery change text
Javascript jQuery
37 votes105 views6 answers
How to get checkbox value in jquery
Javascript jQuery
0 vote122 views2 answers
How to get url parameter using jquery or plain javascript
Javascript jQuery
0 vote114 views1 answer
How to count the rows of gridview in asp.net using jquery
Javascript jQuery
18 votes103 views3 answers
Enable input jquery
Javascript jQuery
1 vote101 views3 answers
If else jquery click function
Javascript jQuery
0 vote124 views1 answer
Jquery get all data attributes values
Javascript jQuery
8 votes103 views5 answers
Get select2 selected value jquery
Javascript jQuery
0 vote65 views2 answers
Jquery order by specific order
Javascript jQuery
6 votes106 views1 answer
Jquery loop through list element
Javascript jQuery