小编Sam*_*sti的帖子

自动完成在自动完成窗口中显示相关数据

我有3个输入字段,1个用于数据类型,其他2个是相关的.当我在数据类型字段中按下按钮时,我想显示这样的自动完成窗口期望

而不是这个

不需要

选择之后应该看起来像这样

结果

HTML

<tr>
   <td><input type="text" id="no_1" class="form-control"></td>            
   <td><input type="text" data-type="vehicle" id="vehicle_1" class="type form-control"></td>
   <td><input type="text" id="type_1" class="form-control"></td>
</tr>
Run Code Online (Sandbox Code Playgroud)

JS

$(document).on('focus','.type',function(){
type = $(this).data('type');
if(type =='vehicle' )autoTypeNo = 1;   
$(this).autocomplete({
    source: function( request, response ) {
        $.ajax({
            url : 'autocomplete.php',
            dataType: "json",
            method: 'post',
            data: {
               name_startsWith: request.term,
               type: type
            },
             success: function( data ) {
                 response( $.map( data, function( item ) {
                    var code = item.split("|");
                    return {
                        label: code[autoTypeNo],
                        value: code[autoTypeNo],
                        data : item
                    }
                }));
            } …
Run Code Online (Sandbox Code Playgroud)

javascript jquery autocomplete autocompletetextview jquery-ui-autocomplete

6
推荐指数
0
解决办法
271
查看次数

对齐打印页面底部的div

我使用ajax从数据库中获取数据.在这个数据中,我有一个textarea我想在每个页面的底部对齐,每个textarea都有不同的数据.我试过CSS positions,它只适用于第一页,因为我每个都有不同的数据textarea.

var response = {
row1: [{
    group: 'Group A'
}],
row2: [{
        team: 'Team A',
        player: 'Jema',
        result: 43,
        note: 'won'
    },
    {
        team: 'Team B',
        player: 'Deno',
        result: 34,
        note: 'lost'
    },
    {
        team: 'Team B',
        player: 'Niob',
        result: 56,
        note: 'lost'
    },
    {
        team: 'Team B',
        player: 'Skion',
        result: 49,
        note: 'lost'
    },
],
};


var teams = {}
let count = -1;

response.row2.forEach(e => {
    if (!(e.team …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery

6
推荐指数
0
解决办法
240
查看次数