javascript - 如何根据jQuery数据表中返回的数据默认选择下拉值

Question

我想根据jQuery数据表中返回的数据默认选择下拉值。我正在使用以下代码：mySite.js

"columns": [
           {"data":"NAME"},

           { "data": null, 
             "defaultContent":'<Select id="cls" ><option>--SELECT---</option><option>I</option><option II</option><option>III</option><option >IV</option><option>V</option><option ></select>'},
                      { 
          "data": "COMMENTS",
           "render": function(data, type, full, meta) {
           if (type == 'display') {
           return '<textarea id="comments" name="comments" rows="2" cols="25" maxlength="2000" wrap="hard" style ="resize:none;">'+ data + '</textarea>';
                 }
        return data
         } 
        },]

如何使用 Select 标签的 render 函数根据返回的数据选择选项。

标签： javascriptjquerydatatables

Answer 1

试试这样，这将解决你的问题

"render": function(d,t,r){
        var $select = $("<select></select>", {
            "id": r[0]+"start",
            "value": d
        });
        $.each(times, 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");
    }