javascript - 在jquery中将检索值更改为首字母大写

Question

我将用户输入到数据库的值设置为小写字母，因此当我将其检索回以显示在我的数据库表中时，它也将是小写字母，我想让该单词的第一个字母变为大写。用户选择时的示例状态为活动，它将在我的数据库中将其转换为活动的值，但是当它检索回来时，我希望它在表 ui 上处于活动状态而不是活动状态。这是我从数据库中获取值的方法：

    function getSearchRequest(offset) {
        var serachVal=$('#search').val();

        // alert(offset);
        $.ajax({

            url : '${createLink(action:'searchCustomerJSON')}',
            type : 'GET',
            data : {
                'search' : $('#search').val(),
                'offset':offset
            },
            dataType:'json',
            success : function(data) {
                var tableHtml='';
                var i=1;
                var pages=data.pages;
                // alert(pages);
                if(changed) {
                    offset=0;
                    $('#pagination-div').html('<ul id="pagination-demo" class="pagination-sm" style = "background-color:transparent;font-weight: bold;border:none!important;-webkit-box-shadow: none"></ul>');
                    $('#pagination-demo').twbsPagination({
                        totalPages: pages,
                        visiblePages: 7,
                        onPageClick: function (event, page) {
                            offsetVal = (page - 1) * 10;
                            getSearchRequest(offsetVal);
                        }
                    });
                    changed=false;
                }
                if(prevValue!=serachVal)
                {
                    changed=true;
                    prevValue=serachVal;
                }
                for(index in data.customers)
                {
                    var tableData=data.customers[index];
                    var id=tableData.id;
                    var code=tableData.code;
                    var contactPerson=tableData.contactPerson;
                    if(!contactPerson)
                    {
                        contactPerson='';
                    }
                    var status=tableData.status;
                    var name=tableData.name;
                    tableHtml+='<tr style = "LINE-HEIGHT:42px">' +
                        '<td>'+(i+offsetVal)+'</td>' +
                        '<td id ="link"><a style = "color:black;text-decoration:none;"href="${createLink(action: 'showCustomerClientById')}/'+id+'">'+name+'</a></td>' +
                        '<td>'+code+'</td>' +
                        '<td>'+contactPerson+'</td>' +
                        '<td>'+status+'</td>' +
                        '<td id ="link" style="text-align:center"><a style="color:black;text-decoration:none;" href="${createLink(action: 'showCustomerById')}/'+id+'"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>&nbsp; &nbsp;<a style="color:black;text-decoration:none;" href="${createLink(action: 'showCustomerClientById')}/'+id+'"><i class="fa fa-file-text" title="Customer Clients"></i></a></td></tr>';
                    i++;




                }
                $('#tableBody').html(tableHtml);
            },
            error : function(request,error)
            {
                alert("Request: "+JSON.stringify(request));
            }
        });

    }
    getSearchRequest(0);

非常感谢。

标签： javascriptjqueryajaxgrails