对于一个项目,我必须制作一个可以实时编辑,删除等的表格。
现在,我遇到问题的部分代码是:
$('#add').click(function()
{
var html = '<tr>';
html += '<td contenteditable id="data1"><select><option value="s">S</option><option value="a">A</option><option value="p">P</option><option value="v">V</option><option value="ü">Ü</option></select></td>';
html += '<td contenteditable id="data2"></td>';
html += '<td contenteditable id="data3"></td>';
html += '<td contenteditable id="data4"></td>';
html += '<td contenteditable id="data5"></td>';
html += '<td contenteditable id="data6"></td>';
html += '<td contenteditable id="data7"></td>';
html += '<td contenteditable id="data8"></td>';
html += '<td contenteditable id="data9"></td>';
html += '<td contenteditable id="data10"></td>';
html += '<td><button type="button" name="insert" id="insert" class="btn btn-success btn-xs">Einfügen</button></td>';
html += '</tr>';
$('#user_data tbody').prepend(html);
});
$(document).on('click', '#insert', function()
{
var startart = $('#data1').text();
var kennzeichen_id = $('#data2').text();
var pilot_id = $('#data3').text();
var begleiter_id = $('#data4').text();
var startort_id = $('#data5').text();
var startzeit = $('#data6').text();
var landeort_id = $('#data7').text();
var landezeit = $('#data8').text();
var dauer = $('#data9').text();
var bemerkung = $('#data10').text();
if(kennzeichen_id != '' && pilot_id != '' && begleiter_id != '' && startort_id != '' && landeort_id != '' )
{
$.ajax(
{
url:"insert.php",
method:"POST",
data:{
startart:startart,
kennzeichen_id:kennzeichen_id,
pilot_id:pilot_id,
begleiter_id:begleiter_id,
startort_id:startort_id,
startzeit:startzeit,
landeort_id:landeort_id,
landezeit:landezeit,
dauer:dauer,
bemerkung:bemerkung
},
success:function(data)
{
$('#alert_message').html('<div class="alert alert-success">'+data+'</div>');
$('#user_data').DataTable().destroy();
fetch_data();
}
});
setInterval(function()
{
$('#alert_message').html('');
}, 5000);
}
else
{
alert("Kennzeichen, Pilot, Begleiter, Startort und Landeort sind min. benötigt");
}
});
顶部的add函数用于向我的表中添加一个新行,下面的insert函数用于将其插入到我的表中。
我已经可以输入带有文本字段的文本,但我必须更改它,以便我可以使用下拉菜单来选择项目。
我添加了一个带有选项的select-tag来选择其中一个Items并显示它。但无论我选择什么,我的表中插入的值是第一个选项。
我希望我能展示我的问题,你们中的一些人可以帮助我。
找到了答案。我不得不改变:
var startart = $('#data1').text();
至:
var startart = $('#data1').val();