我有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
我使用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)